.elementor-3216 .elementor-element.elementor-element-52d10122:not(.elementor-motion-effects-element-type-background), .elementor-3216 .elementor-element.elementor-element-52d10122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#232323;background-image:url("https://intropublicidad.com/wp-content/uploads/2026/08/Intro-redes.png");background-position:-312px 194px;background-repeat:no-repeat;background-size:cover;}.elementor-3216 .elementor-element.elementor-element-52d10122{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:250px 0px 0px 0px;}.elementor-3216 .elementor-element.elementor-element-52d10122 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3216 .elementor-element.elementor-element-c629499 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-3216 .elementor-element.elementor-element-c629499 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 50px 50px 50px;}.elementor-3216 .elementor-element.elementor-element-21247563 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-3216 .elementor-element.elementor-element-21247563 .elementor-heading-title{font-family:"Varela", Sans-serif;font-size:66px;font-weight:bold;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#00000000;}.elementor-3216 .elementor-element.elementor-element-55edf74b{font-family:"Noto Serif", Sans-serif;font-weight:normal;color:#00000000;}.elementor-3216 .elementor-element.elementor-element-55edf74b a{color:#00000000;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group > label, .elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-type-html{padding-bottom:0px;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3216 .elementor-element.elementor-element-eac4b08{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3216 .elementor-element.elementor-element-52d10122:not(.elementor-motion-effects-element-type-background), .elementor-3216 .elementor-element.elementor-element-52d10122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3216 .elementor-element.elementor-element-52d10122{padding:300px 0px 0px 0px;}.elementor-3216 .elementor-element.elementor-element-21247563{text-align:start;}}@media(max-width:767px){.elementor-3216 .elementor-element.elementor-element-52d10122:not(.elementor-motion-effects-element-type-background), .elementor-3216 .elementor-element.elementor-element-52d10122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3216 .elementor-element.elementor-element-c629499 > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-3216 .elementor-element.elementor-element-21247563 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-3216 .elementor-element.elementor-element-21247563{text-align:center;}.elementor-3216 .elementor-element.elementor-element-21247563 .elementor-heading-title{font-size:40px;}.elementor-3216 .elementor-element.elementor-element-55edf74b{text-align:center;}}@media(min-width:768px){.elementor-3216 .elementor-element.elementor-element-55086aa0{width:50%;}.elementor-3216 .elementor-element.elementor-element-c629499{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3216 .elementor-element.elementor-element-c629499{width:100%;}}/* Start custom CSS for html, class: .elementor-element-81cf9c3 *//* ============================================================
   INTRO PUBLICIDAD · REDES SOCIALES
   CSS COMPLETO
============================================================ */

#intro-rs-page,
#intro-redes-form-section,
#intro-redes-form {
    --irs-red: #ed0b16;
    --irs-red-dark: #bd0710;
    --irs-black: #0d0d0e;
    --irs-black-2: #151516;
    --irs-black-3: #1c1c1e;
    --irs-white: #ffffff;
    --irs-bg: #f5f5f5;
    --irs-text: #151515;
    --irs-gray: #666666;
}


/* ============================================================
   RESET
============================================================ */

#intro-rs-page {
    width: 100%;
    overflow: hidden;
    font-family: inherit;
    color: var(--irs-text);
}

#intro-rs-page *,
#intro-redes-form-section *,
#intro-redes-form * {
    box-sizing: border-box;
}

#intro-rs-page h2,
#intro-rs-page h3,
#intro-rs-page p {
    margin-top: 0;
}

#intro-rs-page .irs-container {
    width: min(1180px, 90%);
    margin: 0 auto;
}

#intro-rs-page .irs-section {
    padding: 95px 0;
}


/* ============================================================
   TEXTOS GENERALES
============================================================ */

#intro-rs-page .irs-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 16px;

    color: var(--irs-red);

    font-size: 11px;
    line-height: 1.3;
    font-weight: 900;

    letter-spacing: 2px;
    text-transform: uppercase;
}

#intro-rs-page .irs-kicker::before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--irs-red);
}

#intro-rs-page .irs-title {
    margin: 0;

    color: #101010;

    font-size: clamp(38px, 4.2vw, 60px);
    line-height: .99;
    letter-spacing: -1.8px;

    font-weight: 800;
}

#intro-rs-page .irs-title span {
    display: block;
    margin-top: 7px;
    color: var(--irs-red);
}

#intro-rs-page .irs-title-light {
    color: #fff;
}


/* ============================================================
   INTRO
============================================================ */

#intro-rs-page .irs-intro {
    background:
        radial-gradient(
            circle at 85% 25%,
            rgba(237, 11, 22, .05),
            transparent 28%
        ),
        #ffffff;
}

#intro-rs-page .irs-intro-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 85px;
    align-items: end;
}

#intro-rs-page .irs-intro-copy {
    color: #666;
    font-size: 17px;
    line-height: 1.75;
}

#intro-rs-page .irs-intro-copy p:last-child {
    margin-bottom: 0;
}


/* ============================================================
   FACEBOOK · INSTAGRAM · YOUTUBE
============================================================ */

#intro-rs-page .irs-platform-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 65px;
}

#intro-rs-page .irs-platform-card {
    position: relative;

    min-height: 245px;
    padding: 30px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #e7e7e7;
    border-radius: 18px;

    transition: .3s ease;
}

#intro-rs-page .irs-platform-card::after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -45px;
    bottom: -55px;

    border: 1px solid rgba(237,11,22,.13);
    border-radius: 50%;
}

#intro-rs-page .irs-platform-card:hover {
    transform: translateY(-7px);
    border-color: var(--irs-red);

    box-shadow:
        0 18px 45px rgba(0,0,0,.08);
}

#intro-rs-page .irs-platform-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;
    padding: 9px;

    background: #f2f2f2;
    border-radius: 15px;
}

#intro-rs-page .irs-platform-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

#intro-rs-page .irs-card-number {
    position: absolute;

    top: 35px;
    right: 30px;

    color: var(--irs-red);

    font-size: 10px;
    font-weight: 900;
}

#intro-rs-page .irs-platform-card h3 {
    margin: 0 0 9px;

    color: #111;

    font-size: 22px;
    font-weight: 800;
}

#intro-rs-page .irs-platform-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #666;

    font-size: 14px;
    line-height: 1.65;
}


/* ============================================================
   CABECERAS DOBLES
============================================================ */

#intro-rs-page .irs-heading-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;

    gap: 75px;

    align-items: end;

    margin-bottom: 55px;
}

#intro-rs-page .irs-heading-copy {
    max-width: 430px;

    color: #aaa;

    font-size: 16px;
    line-height: 1.7;
}

#intro-rs-page .irs-heading-copy p {
    margin-bottom: 20px;
}

#intro-rs-page .irs-heading-copy-dark {
    color: #666;
}

#intro-rs-page .irs-small-line {
    display: block;

    width: 48px;
    height: 2px;

    background: var(--irs-red);
}

#intro-rs-page .irs-heading-note {
    margin: 12px 0 0 !important;

    color: #777;

    font-size: 12px;
}


/* ============================================================
   SERVICIOS
============================================================ */

#intro-rs-page .irs-services {
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(237,11,22,.15),
            transparent 27%
        ),
        #0e0e0f;
}

#intro-rs-page .irs-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 16px;
}

#intro-rs-page .irs-service-card {
    min-height: 215px;

    padding: 30px;

    background: #171719;

    border: 1px solid #272729;
    border-radius: 17px;

    transition: .3s ease;
}

#intro-rs-page .irs-service-card:hover {
    transform: translateY(-6px);

    background: #1d1d20;

    border-color: var(--irs-red);
}

#intro-rs-page .irs-service-number {
    display: block;

    margin-bottom: 32px;

    color: var(--irs-red);

    font-size: 11px;
    font-weight: 900;
}

#intro-rs-page .irs-service-card h3 {
    margin-bottom: 10px;

    color: #fff;

    font-size: 20px;
    font-weight: 800;
}

#intro-rs-page .irs-service-card p {
    margin: 0;

    color: #989898;

    font-size: 14px;
    line-height: 1.65;
}

#intro-rs-page .irs-service-highlight {
    background:
        linear-gradient(
            135deg,
            #ed0b16,
            #c70610
        );

    border-color: transparent;
}

#intro-rs-page .irs-service-highlight .irs-service-number,
#intro-rs-page .irs-service-highlight p {
    color: #fff;
}


/* ============================================================
   BLOQUE ROJO
============================================================ */

#intro-rs-page .irs-impact {
    padding: 60px 0;

    background:
        linear-gradient(
            110deg,
            #e70b15,
            #f00d19
        );
}

#intro-rs-page .irs-impact-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;

    gap: 40px;

    align-items: center;
}

#intro-rs-page .irs-impact-word {
    color: rgba(255,255,255,.55);

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 3px;
}

#intro-rs-page .irs-impact h2 {
    max-width: 850px;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    font-size: clamp(29px,3vw,43px);
    line-height: 1.12;
}


/* ============================================================
   PROCESO
============================================================ */

#intro-rs-page .irs-process {
    background: #fff;
}

#intro-rs-page .irs-process-layout {
    display: grid;

    grid-template-columns: .72fr 1.28fr;

    gap: 80px;

    align-items: start;
}

#intro-rs-page .irs-process-heading {
    position: sticky;
    top: 120px;
}

#intro-rs-page .irs-process-heading p {
    max-width: 390px;

    margin-top: 24px;

    color: #666;

    font-size: 15px;
    line-height: 1.7;
}

#intro-rs-page .irs-process-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;
}

#intro-rs-page .irs-process-card {
    min-height: 200px;

    padding: 28px;

    background: #f5f5f5;

    border: 1px solid #e8e8e8;
    border-radius: 17px;

    transition: .3s ease;
}

#intro-rs-page .irs-process-card:hover {
    transform: translateY(-5px);

    background: #fff;

    border-color: var(--irs-red);

    box-shadow:
        0 14px 35px rgba(0,0,0,.06);
}

#intro-rs-page .irs-process-card strong {
    display: block;

    margin-bottom: 31px;

    color: var(--irs-red);

    font-size: 10px;
}

#intro-rs-page .irs-process-card h3 {
    margin-bottom: 7px;

    color: #111;

    font-size: 19px;
}

#intro-rs-page .irs-process-card p {
    margin: 0;

    color: #696969;

    font-size: 13px;
    line-height: 1.55;
}

#intro-rs-page .irs-process-last {
    grid-column: 1 / -1;

    min-height: auto;

    display: grid;

    grid-template-columns: 55px 1fr;

    align-items: center;

    gap: 20px;

    background: #111;

    border-color: #111;
}

#intro-rs-page .irs-process-last strong {
    margin: 0;
}

#intro-rs-page .irs-process-last h3 {
    color: #fff;
}

#intro-rs-page .irs-process-last p {
    color: #999;
}


/* ============================================================
   PLANES
============================================================ */

#intro-rs-page .irs-plans {
    background:
        radial-gradient(
            circle at 90% 6%,
            rgba(237,11,22,.08),
            transparent 25%
        ),
        #f5f5f5;
}

#intro-rs-page .irs-plan-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 28px;
}

#intro-rs-page .irs-plan-card {
    position: relative;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(0,0,0,.07);

    transition: .35s ease;
}

#intro-rs-page .irs-plan-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.12);
}

#intro-rs-page .irs-plan-basic {
    border-top: 4px solid #111;
}

#intro-rs-page .irs-plan-premium {
    border: 2px solid var(--irs-red);
    border-top: 4px solid var(--irs-red);
}


/* ============================================================
   CABECERA PLAN
============================================================ */

#intro-rs-page .irs-plan-topline {
    padding: 11px 18px;

    background: #111;
    color: #fff;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.8px;
    text-transform: uppercase;
}

#intro-rs-page .irs-plan-topline-red {
    background: var(--irs-red);
}


/* ============================================================
   IMAGEN PLAN
============================================================ */

#intro-rs-page .irs-plan-image {
    position: relative;

    display: block;

    overflow: hidden;

    margin: 16px 16px 0;

    border-radius: 13px;

    cursor: zoom-in;
}

#intro-rs-page .irs-plan-image img {
    display: block;

    width: 100%;
    height: auto;

    transition: .4s ease;
}

#intro-rs-page .irs-plan-image:hover img {
    transform: scale(1.035);

    filter: brightness(.68);
}

#intro-rs-page .irs-image-overlay {
    position: absolute;

    top: 50%;
    left: 50%;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 11px 17px;

    background: rgba(10,10,10,.88);

    color: #fff;

    border-radius: 40px;

    opacity: 0;

    transform: translate(-50%,-40%);

    font-size: 11px;
    font-weight: 800;

    white-space: nowrap;

    transition: .3s ease;
}

#intro-rs-page .irs-image-overlay strong {
    color: var(--irs-red);

    font-size: 18px;
}

#intro-rs-page .irs-plan-image:hover .irs-image-overlay {
    opacity: 1;

    transform: translate(-50%,-50%);
}


/* ============================================================
   CUERPO DEL PLAN
============================================================ */

#intro-rs-page .irs-plan-body {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding: 28px 30px 30px;
}

#intro-rs-page .irs-plan-label {
    color: var(--irs-red);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1.6px;
    text-transform: uppercase;
}

#intro-rs-page .irs-plan-body h3 {
    margin: 8px 0 10px;

    color: #111;

    font-size: 27px;
    font-weight: 800;
}

#intro-rs-page .irs-plan-body > p {
    color: #666;

    font-size: 14px;
    line-height: 1.65;
}


/* ============================================================
   TAGS
============================================================ */

#intro-rs-page .irs-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin: 5px 0 25px;
}

#intro-rs-page .irs-tags span {
    padding: 7px 10px;

    background: #f1f1f1;

    color: #333;

    border-radius: 30px;

    font-size: 10px;
    font-weight: 700;
}

#intro-rs-page .irs-tags-red span {
    background: #fff0f1;

    color: #b50009;
}


/* ============================================================
   BOTONES
============================================================ */

#intro-rs-page .irs-button {
    align-self: flex-start;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 14px;

    min-height: 48px;

    margin-top: auto;

    padding: 0 23px;

    color: #fff !important;

    border-radius: 8px;

    text-decoration: none !important;

    font-size: 12px;
    font-weight: 800;

    transition: .25s ease;
}

#intro-rs-page .irs-button-black {
    background: #111;
}

#intro-rs-page .irs-button-red {
    background: var(--irs-red);
}

#intro-rs-page .irs-button:hover {
    transform: translateY(-2px);
}

#intro-rs-page .irs-button-black:hover {
    background: var(--irs-red);
}

#intro-rs-page .irs-button-red:hover {
    background: #111;
}


/* ============================================================
   BADGE MÁS COMPLETO
============================================================ */

#intro-rs-page .irs-premium-badge {
    position: absolute;

    z-index: 10;

    top: 48px;
    right: 28px;

    padding: 9px 14px;

    background: #fff;

    color: var(--irs-red);

    border: 1px solid var(--irs-red);
    border-radius: 40px;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .7px;
    text-transform: uppercase;
}


/* ============================================================
   PLAN PERSONALIZADO
============================================================ */

#intro-rs-page .irs-custom-plan {
    display: grid;

    grid-template-columns: 50px 1fr auto;

    gap: 18px;

    align-items: center;

    margin-top: 28px;

    padding: 24px 28px;

    background: #111;

    color: #fff;

    border-radius: 15px;
}

#intro-rs-page .irs-custom-icon {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;

    color: var(--irs-red);

    font-size: 25px;
}

#intro-rs-page .irs-custom-copy {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

#intro-rs-page .irs-custom-copy span {
    color: var(--irs-red);

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
}

#intro-rs-page .irs-custom-copy strong {
    font-size: 14px;
}

#intro-rs-page .irs-custom-plan a {
    color: #fff !important;

    text-decoration: none !important;

    font-size: 12px;
    font-weight: 800;
}


/* ============================================================
   CONTACTO
   COMIENZO DE LA ÚNICA CAJA NEGRA
============================================================ */

#intro-rs-page .irs-contact {
    position: relative;

    width: min(1180px, 90%);

    margin: 70px auto 0 !important;

    padding: 75px 55px 36px;

    background:
        radial-gradient(
            circle at 7% 3%,
            rgba(237,11,22,.20),
            transparent 30%
        ),
        #0d0d0e;

    color: #fff;

    border-radius: 26px 26px 0 0;

    overflow: hidden;
}

#intro-rs-page .irs-contact > .irs-container {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
}


/* ============================================================
   CABECERA CONTACTO
============================================================ */

#intro-rs-page .irs-contact-grid {
    display: grid;

    grid-template-columns: 1.05fr .95fr;

    gap: 70px;

    align-items: end;
}

#intro-rs-page .irs-contact h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(40px,4.4vw,61px);
    line-height: 1;

    letter-spacing: -1.6px;
}

#intro-rs-page .irs-contact h2 span {
    display: block;
    color: var(--irs-red);
}

#intro-rs-page .irs-contact-intro > p {
    max-width: 470px;

    margin: 0 0 22px;

    color: #aaa;

    font-size: 15px;
    line-height: 1.7;
}


/* ============================================================
   TELÉFONO
============================================================ */

#intro-rs-page .irs-contact-phone {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 14px;
}

#intro-rs-page .irs-contact-phone span {
    color: #777;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1px;
    text-transform: uppercase;
}

#intro-rs-page .irs-contact-phone a {
    color: #fff !important;

    text-decoration: none !important;

    font-size: 22px;
    font-weight: 800;
}

#intro-rs-page .irs-contact-phone a:hover {
    color: var(--irs-red) !important;
}


/* ============================================================
   BENEFICIOS CONTACTO
============================================================ */

#intro-rs-page .irs-contact-benefits {
    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 13px;

    margin-top: 45px;
}

#intro-rs-page .irs-contact-benefits article {
    display: grid;

    grid-template-columns: 38px 1fr;

    gap: 14px;

    min-height: 95px;

    padding: 20px;

    background: rgba(255,255,255,.035);

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 13px;

    transition: .25s ease;
}

#intro-rs-page .irs-contact-benefits article:hover {
    transform: translateY(-3px);

    background: rgba(255,255,255,.055);

    border-color: rgba(237,11,22,.55);
}

#intro-rs-page .irs-contact-benefits article > strong {
    color: var(--irs-red);

    font-size: 9px;
}

#intro-rs-page .irs-contact-benefits h3 {
    margin: 0 0 4px;

    color: #fff;

    font-size: 14px;
}

#intro-rs-page .irs-contact-benefits p {
    margin: 0;

    color: #828282;

    font-size: 11px;
    line-height: 1.45;
}


/* ============================================================
   TEXTO JUSTO ANTES DEL FORMULARIO
============================================================ */

#intro-rs-page .irs-form-intro {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    margin-top: 42px;

    padding: 27px 0 4px;

    border-top:
        1px solid rgba(255,255,255,.08);
}

#intro-rs-page .irs-form-intro span {
    color: var(--irs-red);

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1px;
    text-transform: uppercase;
}

#intro-rs-page .irs-form-intro strong {
    color: #fff;

    font-size: 13px;
}

#intro-rs-page .irs-form-intro i {
    color: var(--irs-red);

    font-size: 19px;

    font-style: normal;
}


/* ============================================================
   EVITAR ESPACIOS DE ELEMENTOR
============================================================ */

.elementor-widget-html:has(#intro-rs-page) {
    margin-bottom: 0 !important;
}

.elementor-section:has(#intro-rs-page),
.e-con:has(#intro-rs-page) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ============================================================
   SECCIÓN DEL FORMULARIO
   CONTINUACIÓN EXACTA DE LA CAJA NEGRA

   ID:
   intro-redes-form-section
============================================================ */

#intro-redes-form-section {
    position: relative !important;

    width: min(1180px, 90%) !important;
    max-width: 1180px !important;

    margin: -1px auto 90px !important;

    padding: 20px 55px 65px !important;

    background: #0d0d0e !important;
    background-image: none !important;

    border: 0 !important;

    border-radius:
        0 0 26px 26px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* ============================================================
   IMPORTANTE:
   ELIMINAMOS EL GRIS DE TODA LA ESTRUCTURA ELEMENTOR
============================================================ */

#intro-redes-form-section,
#intro-redes-form-section > .elementor-container,
#intro-redes-form-section > .e-con-inner,
#intro-redes-form-section .elementor-container,
#intro-redes-form-section .elementor-column,
#intro-redes-form-section .elementor-widget-wrap,
#intro-redes-form-section .elementor-element-populated,
#intro-redes-form-section .e-con,
#intro-redes-form-section .e-con-inner {
    background: #0d0d0e !important;
    background-color: #0d0d0e !important;
    background-image: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* QUITAMOS ESPACIOS INTERNOS DE ELEMENTOR */

#intro-redes-form-section > .elementor-container,
#intro-redes-form-section > .e-con-inner {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}

#intro-redes-form-section .elementor-column,
#intro-redes-form-section .elementor-widget-wrap,
#intro-redes-form-section .elementor-element-populated {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ============================================================
   WIDGET FORMULARIO
============================================================ */

#intro-redes-form {
    width: 100% !important;

    max-width: 930px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    scroll-margin-top: 100px;
}

#intro-redes-form > .elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   AQUÍ ESTÁ EL CAMBIO IMPORTANTE:
   EL FORMULARIO YA NO TIENE OTRA "CAJA"
============================================================ */

#intro-redes-form form.elementor-form {
    width: 100% !important;

    margin: 0 !important;

    padding: 25px 0 0 !important;

    background: transparent !important;

    background-image: none !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   GRID DEL FORMULARIO
============================================================ */

#intro-redes-form .elementor-form-fields-wrapper {
    display: grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    column-gap: 16px !important;

    row-gap: 14px !important;
}

#intro-redes-form .elementor-field-group {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* ============================================================
   CAMPOS A ANCHO COMPLETO
============================================================ */

#intro-redes-form .elementor-field-type-select,
#intro-redes-form .elementor-field-type-textarea,
#intro-redes-form .elementor-field-type-acceptance,
#intro-redes-form .elementor-field-type-recaptcha,
#intro-redes-form .elementor-field-type-submit {
    grid-column: 1 / -1 !important;
}


/* ============================================================
   LABELS
============================================================ */

#intro-redes-form
.elementor-field-group:not(.elementor-field-type-acceptance)
> label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #dedede !important;

    font-size: 11px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;
}


/* ============================================================
   CAMPOS
============================================================ */

#intro-redes-form input[type="text"],
#intro-redes-form input[type="email"],
#intro-redes-form input[type="tel"],
#intro-redes-form input[type="number"],
#intro-redes-form select,
#intro-redes-form textarea {
    width: 100% !important;

    min-height: 48px !important;

    padding: 11px 14px !important;

    background: #ffffff !important;

    color: #222222 !important;

    border: 1px solid #ffffff !important;

    border-radius: 7px !important;

    font-size: 13px !important;

    transition: .2s ease !important;
}

#intro-redes-form textarea {
    min-height: 125px !important;

    resize: vertical;
}

#intro-redes-form input:focus,
#intro-redes-form select:focus,
#intro-redes-form textarea:focus {
    outline: none !important;

    border-color: var(--irs-red) !important;

    box-shadow:
        0 0 0 3px
        rgba(237,11,22,.14) !important;
}


/* ============================================================
   PRIVACIDAD
   CHECK + TEXTO EN LA MISMA LÍNEA
============================================================ */

#intro-redes-form .elementor-field-type-acceptance {
    margin-top: 3px !important;
}

#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-subgroup {
    width: 100% !important;

    display: block !important;
}

#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-option {
    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;
}


/* CHECKBOX */

#intro-redes-form
.elementor-field-type-acceptance
input[type="checkbox"] {
    position: static !important;

    display: block !important;

    flex: 0 0 14px !important;

    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;

    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* TEXTO */

#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-option
label {
    display: inline-block !important;

    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #999999 !important;

    font-size: 10px !important;
    line-height: 1.45 !important;

    font-weight: 400 !important;

    text-align: left !important;
}

#intro-redes-form
.elementor-field-type-acceptance
a {
    color: #ff303a !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}

#intro-redes-form
.elementor-field-type-acceptance
a:hover {
    text-decoration: underline !important;
}


/* ============================================================
   RECAPTCHA
============================================================ */

#intro-redes-form
.elementor-field-type-recaptcha {
    margin-top: 3px !important;
}


/* ============================================================
   BOTÓN FORMULARIO
============================================================ */

#intro-redes-form button,
#intro-redes-form .elementor-button {
    width: 100% !important;

    min-height: 50px !important;

    margin-top: 3px !important;

    padding: 0 20px !important;

    background:
        linear-gradient(
            90deg,
            #ed0b16,
            #d70711
        ) !important;

    color: #fff !important;

    border: 0 !important;

    border-radius: 7px !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    transition: .25s ease !important;
}

#intro-redes-form button:hover,
#intro-redes-form .elementor-button:hover {
    transform: translateY(-2px);

    background: #fff !important;

    color: #111 !important;
}


/* ============================================================
   LIGHTBOX
============================================================ */

.irs-lightbox {
    position: fixed;

    z-index: 999999;

    inset: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 30px;

    opacity: 0;

    visibility: hidden;

    transition: .25s ease;
}

.irs-lightbox:target {
    opacity: 1;

    visibility: visible;
}

.irs-lightbox-bg {
    position: absolute;

    inset: 0;

    background:
        rgba(0,0,0,.92);

    backdrop-filter: blur(8px);
}

.irs-lightbox-content {
    position: relative;

    z-index: 3;

    width: min(1100px,93vw);

    display: flex;

    justify-content: center;
}

.irs-lightbox-content img {
    display: block;

    max-width: 100%;

    max-height: 88vh;

    object-fit: contain;

    border-radius: 13px;

    box-shadow:
        0 35px 100px rgba(0,0,0,.65);
}

.irs-lightbox-close {
    position: absolute;

    z-index: 5;

    top: -18px;

    right: -18px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: var(--irs-red);

    color: #fff !important;

    border-radius: 50%;

    font-family: Arial,sans-serif;

    font-size: 28px;

    text-decoration: none !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

    #intro-rs-page .irs-section {
        padding: 70px 0;
    }

    #intro-rs-page .irs-intro-grid,
    #intro-rs-page .irs-heading-grid,
    #intro-rs-page .irs-process-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    #intro-rs-page .irs-platform-grid,
    #intro-rs-page .irs-service-grid {
        grid-template-columns: repeat(2,1fr);
    }

    #intro-rs-page .irs-process-heading {
        position: static;
    }

    #intro-rs-page .irs-plan-grid {
        grid-template-columns: 1fr;
    }

    #intro-rs-page .irs-impact-inner {
        grid-template-columns: 1fr;
    }

    #intro-rs-page .irs-impact-word {
        display: none;
    }


    /* CONTACTO */

    #intro-rs-page .irs-contact {
        width: 90%;

        padding:
            60px 38px
            30px;
    }

    #intro-rs-page .irs-contact-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    #intro-rs-page .irs-contact-benefits {
        grid-template-columns: 1fr;
    }


    /* FORMULARIO */

    #intro-redes-form-section {
        width: 90% !important;

        padding:
            12px 38px
            55px !important;
    }

}


/* ============================================================
   MÓVIL
============================================================ */

@media (max-width: 600px) {

    #intro-rs-page .irs-container {
        width: 88%;
    }

    #intro-rs-page .irs-section {
        padding: 55px 0;
    }

    #intro-rs-page .irs-title {
        font-size: 38px;

        letter-spacing: -1px;
    }


    /* TARJETAS */

    #intro-rs-page .irs-platform-grid,
    #intro-rs-page .irs-service-grid,
    #intro-rs-page .irs-process-grid {
        grid-template-columns: 1fr;
    }

    #intro-rs-page .irs-platform-card {
        min-height: auto;

        padding: 25px;
    }


    /* PROCESO */

    #intro-rs-page .irs-process-last {
        grid-column: auto;

        grid-template-columns: 1fr;
    }


    /* PLANES */

    #intro-rs-page .irs-plan-body {
        padding: 24px 21px;
    }

    #intro-rs-page .irs-plan-body h3 {
        font-size: 23px;
    }

    #intro-rs-page .irs-image-overlay {
        display: none;
    }


    /* CONTACTO */

    #intro-rs-page .irs-contact {
        width: 92%;

        margin-top: 40px !important;

        padding:
            48px 24px
            25px;

        border-radius:
            20px 20px 0 0;
    }

    #intro-rs-page .irs-contact h2 {
        font-size: 39px;
    }

    #intro-rs-page .irs-contact-grid {
        grid-template-columns: 1fr;
    }

    #intro-rs-page .irs-contact-benefits {
        grid-template-columns: 1fr;
    }

    #intro-rs-page .irs-form-intro {
        display: block;

        text-align: center;
    }

    #intro-rs-page .irs-form-intro strong {
        display: block;

        margin: 7px 0;
    }


    /* FORMULARIO */

    #intro-redes-form-section {
        width: 92% !important;

        padding:
            8px 24px
            45px !important;

        border-radius:
            0 0 20px 20px !important;
    }

    #intro-redes-form form.elementor-form {
        padding-top: 20px !important;
    }

    #intro-redes-form
    .elementor-form-fields-wrapper {
        grid-template-columns: 1fr !important;
    }

    #intro-redes-form .elementor-field-group,
    #intro-redes-form .elementor-field-type-select,
    #intro-redes-form .elementor-field-type-textarea,
    #intro-redes-form .elementor-field-type-acceptance,
    #intro-redes-form .elementor-field-type-recaptcha,
    #intro-redes-form .elementor-field-type-submit {
        grid-column: 1 !important;
    }


    /* PRIVACIDAD */

    #intro-redes-form
    .elementor-field-type-acceptance
    .elementor-field-option {
        align-items: flex-start !important;
    }

}

/* ============================================================
   CORRECCIÓN FINAL CONTACTO + FORMULARIO
   ESTRUCTURA ACTUAL:
   Sección #intro-redes-contacto
      ├── HTML con .irs-contact
      └── Formulario #intro-redes-form
============================================================ */


/* ------------------------------------------------------------
   1. ELIMINAR ESPACIO ENTRE HTML Y FORMULARIO
------------------------------------------------------------ */

#intro-redes-contacto .elementor-container,
#intro-redes-contacto .elementor-column,
#intro-redes-contacto .elementor-widget-wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#intro-redes-contacto .elementor-widget-wrap {
    gap: 0 !important;
}

#intro-redes-contacto .elementor-widget-html {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#intro-redes-contacto #intro-redes-form {
    margin-top: -1px !important;
}


/* ------------------------------------------------------------
   2. BLOQUE "¿NECESITAS ALGO DIFERENTE?"
------------------------------------------------------------ */

#intro-rs-page .irs-contact {
    width: min(1180px, 90%) !important;
    max-width: 1180px !important;

    margin: 70px auto 0 !important;

    padding: 70px 55px 32px !important;

    background:
        radial-gradient(
            circle at 7% 3%,
            rgba(237, 11, 22, .20),
            transparent 30%
        ),
        #0d0d0e !important;

    color: #fff;

    border-radius: 26px 26px 0 0 !important;

    overflow: hidden;
}


/* El container interno ocupa toda la caja */

#intro-rs-page .irs-contact > .irs-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ------------------------------------------------------------
   3. FORMULARIO = CONTINUACIÓN DE LA MISMA CAJA
------------------------------------------------------------ */

#intro-redes-form {
    position: relative !important;

    width: min(1180px, 90%) !important;
    max-width: 1180px !important;

    margin: -1px auto 70px !important;

    padding: 5px 55px 60px !important;

    background: #0d0d0e !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 0 26px 26px !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* Quitar cualquier fondo que Elementor haya puesto al widget */

#intro-redes-form > .elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   4. EL FORMULARIO NO DEBE SER OTRA TARJETA
------------------------------------------------------------ */

#intro-redes-form form.elementor-form {
    width: 100% !important;
    max-width: 930px !important;

    margin: 0 auto !important;

    padding: 24px 0 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ------------------------------------------------------------
   5. GRID DEL FORMULARIO
------------------------------------------------------------ */

#intro-redes-form .elementor-form-fields-wrapper {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    column-gap: 18px !important;
    row-gap: 15px !important;
}


#intro-redes-form .elementor-field-group {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Servicio, mensaje, privacidad, captcha y botón completos */

#intro-redes-form .elementor-field-type-select,
#intro-redes-form .elementor-field-type-textarea,
#intro-redes-form .elementor-field-type-acceptance,
#intro-redes-form .elementor-field-type-recaptcha,
#intro-redes-form .elementor-field-type-submit {
    grid-column: 1 / -1 !important;
}


/* ------------------------------------------------------------
   6. LABELS
------------------------------------------------------------ */

#intro-redes-form
.elementor-field-group:not(.elementor-field-type-acceptance) > label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #d8d8d8 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;
}


/* ------------------------------------------------------------
   7. CAMPOS
------------------------------------------------------------ */

#intro-redes-form input[type="text"],
#intro-redes-form input[type="email"],
#intro-redes-form input[type="tel"],
#intro-redes-form input[type="number"],
#intro-redes-form select,
#intro-redes-form textarea {
    width: 100% !important;

    min-height: 48px !important;

    padding: 11px 14px !important;

    background: #ffffff !important;

    color: #222 !important;

    border: 1px solid #ffffff !important;

    border-radius: 7px !important;

    font-size: 13px !important;

    box-shadow: none !important;

    transition: .2s ease !important;
}


#intro-redes-form textarea {
    min-height: 120px !important;

    resize: vertical;
}


#intro-redes-form input:focus,
#intro-redes-form select:focus,
#intro-redes-form textarea:focus {
    outline: none !important;

    border-color: #ed0b16 !important;

    box-shadow:
        0 0 0 3px rgba(237, 11, 22, .14) !important;
}


/* ------------------------------------------------------------
   8. PRIVACIDAD
   CASILLA + TEXTO EN UNA SOLA LÍNEA
------------------------------------------------------------ */

#intro-redes-form .elementor-field-type-acceptance {
    margin-top: 2px !important;
}


#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-subgroup {
    display: block !important;

    width: 100% !important;
}


#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-option {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: 100% !important;
}


/* Casilla */

#intro-redes-form
.elementor-field-type-acceptance
input[type="checkbox"] {
    position: static !important;

    display: block !important;

    flex: 0 0 14px !important;

    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;

    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Texto */

#intro-redes-form
.elementor-field-type-acceptance
.elementor-field-option label {
    display: inline-block !important;

    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #999 !important;

    font-size: 10px !important;
    line-height: 1.4 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


#intro-redes-form
.elementor-field-type-acceptance a {
    color: #ff303a !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* ------------------------------------------------------------
   9. RECAPTCHA
------------------------------------------------------------ */

#intro-redes-form .elementor-field-type-recaptcha {
    margin-top: 4px !important;
}


/* ------------------------------------------------------------
   10. BOTÓN
------------------------------------------------------------ */

#intro-redes-form button,
#intro-redes-form .elementor-button {
    width: 100% !important;

    min-height: 50px !important;

    margin: 3px 0 0 !important;

    padding: 0 20px !important;

    background: linear-gradient(
        90deg,
        #ed0b16,
        #d70711
    ) !important;

    color: #fff !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    transition: .25s ease !important;
}


#intro-redes-form button:hover,
#intro-redes-form .elementor-button:hover {
    transform: translateY(-2px);

    background: #ffffff !important;

    color: #111 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

    #intro-rs-page .irs-contact {
        width: 90% !important;

        padding:
            55px 38px
            28px !important;
    }

    #intro-redes-form {
        width: 90% !important;

        padding:
            5px 38px
            50px !important;
    }

}


/* ============================================================
   MÓVIL
============================================================ */

@media (max-width: 600px) {

    #intro-rs-page .irs-contact {
        width: 92% !important;

        padding:
            45px 23px
            25px !important;

        border-radius:
            20px 20px 0 0 !important;
    }


    #intro-redes-form {
        width: 92% !important;

        padding:
            5px 23px
            40px !important;

        border-radius:
            0 0 20px 20px !important;
    }


    #intro-redes-form .elementor-form-fields-wrapper {
        grid-template-columns: 1fr !important;
    }


    #intro-redes-form .elementor-field-group,
    #intro-redes-form .elementor-field-type-select,
    #intro-redes-form .elementor-field-type-textarea,
    #intro-redes-form .elementor-field-type-acceptance,
    #intro-redes-form .elementor-field-type-recaptcha,
    #intro-redes-form .elementor-field-type-submit {
        grid-column: 1 !important;
    }

}/* End custom CSS */