:root {
    --blue: #003c71;
    --blue-light: #00a3e0;
    --purple: #753bbd;
    --white: #ffffff;
    --black: #000000;
    --gray: #efedee;
    --grey: #c1c6c8;
    --orange: #ff6a13;
    --green: #84bd00;
    --success: #28a745;
    --red: #c8102e;
    --yellow: #ffbf3f;
    --font-family: 'Poppins', sans-serif;
    --font-size: 1;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
/* ==========================================================================
   CARGAR FUENTE LOCAL (POPPINS)
   ========================================================================== */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* ==========================================================================
   CARGAR FUENTE SECUNDARIA (EDU SA HAND)
   ========================================================================== */
@font-face {
    font-family: 'Edu SA Hand';
    src: url('../fonts/EduSAHand-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Edu SA Hand';
    src: url('../fonts/EduSAHand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Edu SA Hand';
    src: url('../fonts/EduSAHand-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Edu SA Hand';
    src: url('../fonts/EduSAHand-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: var(--font-family);
    font-size: 15px;
    color: #4b4b4b;
}
body::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    display: block;
}
body::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 4px;
}
body::-webkit-scrollbar-thumb:hover {
    background: var(--blue-light);
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
body::-webkit-scrollbar-thumb:active {
    background-color: var(--orange);
}
body::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}
body::-webkit-scrollbar-track:active,
body::-webkit-scrollbar-track:hover {
    background: #d4d4d4;
}
.azul {
    color: #143B64;
}
.azul-claro {
    color: var(--blue-light);
}
.morado {
    color: var(--purple);
}
.blanco {
    color: var(--white);
}
.negro {
    color: var(--black);
}
.gris {
    color: var(--grey);
}
.gris-2 {
    color: #4b4b4b;
}
.naranja {
    color: #EC7334;
}
.verde {
    color: var(--green);
}
.rojo {
    color: var(--red);
}
.amarillo {
    color: var(--yellow);
}
.bg-azul {
    background-color: #143B64;
}
.bg-blanco {
    background-color: var(--white);
}
.bg-gris {
    background-color: var(--grey);
}
.bg-gris-2 {
    background-color: var(--gray);
}
.bg-naranja {
    background-color: #EC7334;
}
.bg-gris-gradiant {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#d5d4d0),
        color-stop(1%, #d5d4d0),
        color-stop(31%, #eeeeec),
        color-stop(75%, #efeeec),
        to(#e9e9e7)
    );
    background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
}
.bg-transparente {
    background: transparent;
    background-color: transparent;
}
.fa-instagram:hover {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: -webkit-radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    background: -moz-linear-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}
.fa-linkedin-in:hover {
    color: #007bb5;
}
.fa-x-twitter:hover {
    color: #232424;
}
.fa-facebook-f:hover {
    color: #3b5998;
}
.fa-youtube:hover {
    color: #bb0000;
}
.fa-whatsapp:hover {
    color: #25d366;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-45 {
    width: 45%;
}
.w-40 {
    width: 40%;
}
.w-30 {
    width: 30%;
}
.w-35 {
    width: 35%;
}
.w-25 {
    width: 25%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-5 {
    width: 5%;
}
.f-45 {
    font-size: 45px;
}
.f-40 {
    font-size: 40px;
}
.f-30 {
    font-size: 30px;
}
.f-25 {
    font-size: 25px;
}
.f-23 {
    font-size: 23px;
}
.f-20 {
    font-size: 20px;
}
.f-15 {
    font-size: 15px;
}
.f-10 {
    font-size: 10px;
}
.f-5 {
    font-size: 5px;
}
.f-w-700 {
    font-weight: 700;
}
.f-w-600 {
    font-weight: 600;
}
.b-l-amarillo {
    border-left: 1px solid #EC7334;
}
.b-l-azul {
    border-left: 1px solid var(--blue);
}
.border-radius-1 {
    border-radius: 1rem;
}
.border-radius-2 {
    border-radius: 2rem;
}
.border-radius-none {
    border-radius: 0;
}
.border-none {
    border: none;
}
.design-col-sin-padding {
    padding-left: 0;
    padding-right: 0;
}
.p-absolute {
    position: absolute;
}
.p-relative {
    position: relative;
}
.pt-4-5,
.py-4-5 {
    padding-top: 2.5rem !important;
}
.pb-4-5,
.py-4-5 {
    padding-bottom: 2.5rem !important;
}
.opcion-menu-movil:active {
    color: var(--blue-light);
}
.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:visited {
    color: var(--gray) !important;
    background-color: var(--grey);
    border-color: var(--grey);
}
.btn-default:hover {
    color: var(--grey) !important;
    background-color: var(--gray);
    border-color: var(--gray);
}
.btn-default-2,
.btn-default-2:active,
.btn-default-2:focus,
.btn-default-2:not(:disabled):not(.disabled):active,
.btn-default-2:visited {
    color: #FFF;
    background-color: #143B64;
    border-color: #143B64;
    border-radius: 16px;
    width: 95% !important;
    padding: 10px !important;
    margin: auto;
}
.btn-default-2:hover {
    color: var(--grey) !important;
    background-color: var(--gray);
    border-color: var(--gray);
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:visited {
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue);
}
.btn-primary:hover {
    color: var(--white);
    background-color: var(--blue-light);
    border-color: var(--blue-light);
}
.btn-success,
.btn-success:active,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:visited {
    color: var(--white);
    background-color: #EC7334;
    border-color: #EC7334;
}
.btn-success:hover {
    color: #EC7334;
    background-color: #F2E7CE;
    border-color: #F2E7CE;
}
.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:visited {
    background-color: transparent;
    color: #143B64;
    border-color: #143B64;
}
.btn-outline-primary:hover {
    background-color: #143B64;
    color: var(--white);
    border-color: #143B64;
}
.btn-outline-primary-2,
.btn-outline-primary-2:active,
.btn-outline-primary-2:focus,
.btn-outline-primary-2:not(:disabled):not(.disabled):active,
.btn-outline-primary-2:visited {
    background-color: transparent;
    color: var(--blue);
    border-color: var(--blue);
}
.btn-outline-primary-2:hover {
    background-color: var(--blue-light);
    color: var(--white);
    border-color: var(--blue-light);
}
.btn-warning,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:visited {
    color: var(--white);
    background-color: #EC7334;
    border-color: #EC7334;
}
.btn-warning:hover {
    color: var(--white);
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.btn-warning-2,
.btn-warning-2:active,
.btn-warning-2:focus,
.btn-warning-2:not(:disabled):not(.disabled):active,
.btn-warning-2:visited {
    color: var(--white);
    background-color: #EC7334;
    border-color: #EC7334;
}
.btn-warning-2:hover {
    color: var(--white);
    background-color: #143B64;
    border-color: #143B64;
}
.btn-beneficio,
.btn-beneficio:active,
.btn-beneficio:focus,
.btn-beneficio:not(:disabled):not(.disabled):active,
.btn-beneficio:visited {
    background: #EC7334;
    color: var(--white);
    border: transparent;
    font-size: 12px;
}
.btn-beneficio:hover {
    background: #143B64;
    color: #FFF;
    border: transparent;
}
.carousel-caption {
    bottom: unset;
}
.carousel-caption-2 {
    position: absolute;
    right: 0%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--white);
    text-align: left;
}
.carousel-control-next,
.carousel-control-prev {
    width: 5%;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.dropdown-toggle:after {
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition:
        transform 0.15s linear,
        -webkit-transform 0.15s linear;
    transition:
        transform 0.15s linear,
        -webkit-transform 0.15s linear;
}
.show.dropdown .dropdown-toggle:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.dropdown-menu {
    margin-top: 0;
    border-radius: 20px;
}
.dropdown-item {
    margin: 5px 0;
}
.dropdown-item.active,
.dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--orange);
}
.dropdown-item.active a,
.dropdown-item:active a {
    color: var(--black);
}
.dropdown-item.active a:hover,
.dropdown-item:active a:hover {
    color: var(--white);
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--white);
    text-decoration: none;
    background-color: #EC7334;
}
/*.design-width-logo {
    width: 45%;
}*/
.design-tamano-img-logo {
    width: 50%;
}
.design-tamano-img-logo-home {
    width: 20%;
}
.design-texto {
    font-size: 70px;
    font-weight: 800;
    font-family: var(--font-family);
}
.design-botones-index {
    position: absolute;
    z-index: 900;
    bottom: 20px;
    left: 0;
    right: 0;
}
.design-border-bottom {
    border-bottom: 1px solid var(--blue);
}
.design-ul-footer,
.design-ul-footer-2 {
    list-style: none;
    cursor: pointer;
}
.design-ul-footer-2 > .design-li-footer > a {
    text-decoration: none;
    font-weight: bold;
}
.design-ul-footer > .design-li-footer > a {
    text-decoration: none;
    color: #143B64;
    font-weight: bold;
}
.design-ul-footer > .design-li-footer-titulos > a {
    text-decoration: none;
    color: #143B64;
    font-weight: bold;
}
.design-ul-footer-2 > .design-li-footer-titulos > a {
    text-decoration: none;
    color: var(--grey);
    font-weight: bold;
}
.design-ul-footer-2 > .design-li-footer-titulos > a:hover {
    text-decoration: none;
    color: var(--grey);
}
.design-ul-footer > .design-li-footer-titulos > a:hover {
    text-decoration: none;
    color: var(--white);
}
.design-ul-footer-2 > .design-li-footer > a:hover,
.design-ul-footer > .design-li-footer > a:hover {
    text-decoration: none;
    color: var(--orange);
}
.design-enlaces-footer {
    text-decoration: none;
    color: #143B64;
}
.design-enlaces-footer-2 {
    text-decoration: none;
    color: #143B64;
}
.design-enlaces-footer-2:hover,
.design-enlaces-footer:hover {
    text-decoration: none;
    color: var(--orange);
}
.design-iconos-redes {
    border-radius: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 5px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 15%;
}
.design-card-prepago {
    border: transparent;
}
.design-sombra-botones-prepago {
    -webkit-box-shadow: 0px 0px 4px 0px var(--blue) inset;
    box-shadow: 0px 0px 4px 0px var(--blue) inset;
}
.dropdown-menu .dropdown-item a {
    text-decoration: none;
    color: var(--black);
}
.dropdown-menu .dropdown-item a:hover {
    text-decoration: none;
    color: #FFF;
}
.design-sub-menu a {
    font-size: 15px;
    padding-left: 1.5rem !important;
}
.design-tamano-btn {
    width: 20%;
}
.design-border-left {
    border-left: 1px solid;
}
.design-border-left-producto > div {
    border-left: 1px solid;
    padding: 0 20px;
}
.design-border-left-producto > div:first-child {
    border-left: transparent;
    padding: 0 17px;
}
.design-iconos-fuente {
    font-size: 35px;
    font-weight: bold;
}
.design-fuente-btn-conviertete {
    font-size: 40px;
}
#menu-menu-header-product > li > a,
#menu-menu-todoticket-online > li a{
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #3A3A3A
}
#menu-menu-header-rrss > li a{
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #3A3A3A
}

#menu-menu-header-product > li > a:hover,
#menu-menu-todoticket-online > li a:hover,
#menu-menu-header-rrss > li a:hover{
    color: #FFF;
}
#menu-menu-header-rrss a i {
    color: #CF7334 !important;
}
#menu-menu-header-rrss li:hover a,
#menu-menu-header-rrss li:hover a i {
    color: #FFF !important;
}

#menu-item-802:focus,
#menu-item-802:hover,
#menu-item-807:focus,
#menu-item-807:hover {
    background-color: transparent;
    text-decoration: none;
    cursor: default !important;
}
#menu-item-802 a:hover,
#menu-item-807 a:hover {
    color: #3A3A3A !important;
}
#menu-item-833:focus,
#menu-item-833:hover,
#menu-item-838:focus,
#menu-item-838:hover {
    background-color: var(--gray);
    text-decoration: none;
    cursor: default !important;
}
.botonPost {
    -webkit-box-shadow: 0px 10px 14px -7px #9fb4f2;
    box-shadow: 0px 10px 14px -7px #9fb4f2;
    background-color: #EC7334;
    border-radius: 13px;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-size: 20px;
    padding: 12px;
    margin-bottom: 3rem;
    width: 75%;
    text-decoration: none !important;
    /*text-shadow: 0px 1px 0px #878ea1;*/
    text-align: center;
}
.botonPost:hover {
    background-color: #C2C6C8;
    color: #000;
}
@media (min-width: 1025px) {
    .botonPost {
        padding: 27px 36px;
        margin-bottom: 4.6rem !important;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .botonPost {
        padding: 18px;
        width: 100%;
    }
}
.botonPost:active {
    position: relative;
    top: 1px;
}
.botonPostCircle {
    -webkit-box-shadow: 0px 10px 14px -7px #9fb4f2;
    box-shadow: 0px 10px 14px -7px #9fb4f2;
    background-color: #c2c6c8;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    color: #615761;
    font-family: Poppins, sans serif;
    font-size: 20px;
    padding: 20px 36px;
    text-decoration: none !important;
    text-shadow: 0px 1px 0px #878ea1;
    width: 80px;
    height: 80px;
    text-align: center;
}
.botonPostCircle:active {
    position: relative;
    top: 1px;
}
.botonCotizar {
    background-color: var(--white);
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    color: #CF7334;
    font-weight: 700;
    font-size: 24px;
    padding: 13px 36px;
    text-decoration: none !important;
   /* text-shadow: 0px 1px 0px #878ea1;*/
    width: 250px;
    text-align: center;
}
.botonCotizar:active {
    position: relative;
    top: 1px;
}
.design-titulo-general {
    text-align: center;
    /*-webkit-transform: scaleY(1.5);
    transform: scaleY(1.5);*/
    padding-top: 15px;
    font-size: 40px;
    font-weight: 500;
}
.blur-img {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0.5;
}
.descripcion_produccto_blur {
    color: black;
    position: relative;
    top: -70%;
    padding: 0;
}
.mb-xs-100 {
    margin-bottom: 2rem !important;
}
.bg-blue-light_v2 {
    background-color: var(--blue-light) !important;
}
.bg-verde-v2 {
    background-color: var(--green) !important;
}
.bs-example {
    margin: 20px;
}
.accordion .fa {
    margin-right: 0.5rem;
}
.sin-borde-btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
summary:focus {
    border: none !important;
    outline: -webkit-focus-ring-color auto 0px !important;
}
details summary {
    border: none;
}
.design-imagen-fondo {
    background-size: cover !important;
    background-position: right !important;
    height: 100%;
    width: 100%;
    text-align: center;
}
.design-imagen-fondo-valores {
    background-size: cover !important;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: var(--white);
    padding-top: 40%;
    padding-bottom: 35%;
}
.design-img-centrada {
    display: block;
    margin: auto;
}
@media (min-width: 1024px) {
    .float-left-10 {
        position: relative;
        left: -18% !important;
    }
}
@media (min-width: 1024px) {
    .float-right-10 {
        position: relative;
        right: -18% !important;
    }
}
.design-tamano-img-single {
    width: 100%;
}
.design-tamano-texto-single {
    font-size: calc(var(--font-size) * 1rem);
}
.design-margen-youtube {
    margin-left: -4px;
}
.design-iconos-compartir > span {
    height: 40px !important;
    width: 40px !important;
    border-radius: 10px;
}
.design-iconos-compartir > span > svg {
    height: 40px !important;
    width: 40px !important;
}
.addthis_button_instagram > span {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: -webkit-radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    background: -moz-linear-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.design-position-valores-textos {
    top: 43%;
    margin-left: 24%;
    font-size: 23px;
    color: var(--white);
}
.design-position-valores-textos-largo {
    top: 40%;
    margin-left: 13%;
    font-size: 25px;
    color: var(--white);
}
.design-position-valores-textos-medio {
    top: 40%;
    margin-left: 19%;
    font-size: 25px;
    color: var(--white);
}
.design-zoom-noticia > img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}
.design-zoom-noticia > img:hover {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}
#notfound {
    position: relative;
    height: 100vh;
}
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}
.notfound .notfound-404 {
    position: relative;
    height: 220px;
}
.notfound .notfound-404 h1 {
    font-family: "Kanit", sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 186px;
    font-weight: 200;
    margin: 0px;
    background: linear-gradient(130deg, #ffbf3f, #ff6a13);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
}
.notfound h2 {
    font-family: "Kanit", sans-serif;
    font-size: 33px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
}
.notfound p {
    font-family: "Kanit", sans-serif;
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}
.notfound a {
    font-family: "Kanit", sans-serif;
    color: var(--orange);
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed var(--orange);
    border-radius: 2px;
}
.notfound-social > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.notfound-social > a:hover {
    background-color: var(--orange);
}
#menuMovilTablet {
    display: none;
}
@media (min-width: 280px) and (max-width: 768px) {
    .design-texto {
        font-size: 40px;
        margin-bottom: 6rem;
    }
    .design-padding {
        padding-bottom: 1rem;
    }
    .design-padding-2 {
        padding-top: 1rem;
    }
    .design-titulo-cash {
        text-align: center;
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5);
        padding-top: 15px;
        font-size: 30px;
    }
    .design-ajustes-iconos {
        margin-left: -3px;
    }
    .design-margenes-prepago {
        margin-left: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .design-padding-fixed {
        padding-top: 3.5rem;
    }
    .design-tamano-btn {
        width: 100%;
    }
    .design-fuente-btn-conviertete {
        font-size: 30px;
    }
    .design-piedras-valores {
        width: 85%;
    }
}
@media (min-width: 280px) and (max-width: 500px) {
    .design-tamano-img-logo {
        width: 100%;
    }
    .design-tamano-img-logo-home {
        width: 60%;
    }
    .desing-padding-redes {
        padding-right: 0;
        padding-left: 0rem;
    }
    .design-tamano-textos {
        font-size: 20px;
    }
    .design-tamano-botones {
        font-size: 20px;
    }
    .design-tamano-img-single {
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}
@media (min-width: 280px) and (max-width: 767px) {
    .design-acordeon-footer,
    .design-version-movil {
        display: block !important;
    }
    .design-version-movil{
        text-align: center;
    }
    .design-lista-footer,
    .design-version-desktop {
        display: none !important;
    }
    .desgin-margin-bottom-BS {
        margin-bottom: 4rem;
    }
    .design-imagen-fondo {
        background-position: center !important;
    }
    .design-border-left-producto > div {
        border-left: transparent;
    }
    .design-titulos-noticias {
        font-size: 20px;
    }
}
@media (min-width: 280px) and (max-width: 600px) {
    .design-desktop,
    .design-desktop-2 {
        display: none;
    }
    .design-movil-tablet,
    .design-movil-tablet-2 {
        display: block;
    }
    .carousel-caption-2 {
        bottom: 0px;
        padding-top: 0px;
    }
}
@media (min-width: 280px) and (max-width: 990px) {
    #menuMovilTablet:checked ~ .design-menuMovilTablet {
        width: 70%;
    }
    .design-menuMovilTablet {
        position: fixed;
        width: 0;
        height: 100vh;
        background: var(--white);
        z-index: 100;
        -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
        overflow: hidden;
        top: 65px;
    }
    .design-menuMovilTablet ul {
        list-style-type: none;
    }
    .design-menuMovilTablet ul li {
        padding: 0.5rem;
        cursor: pointer;
        -webkit-transition: all 300ms;
        transition: all 300ms;
        display: block;
        width: 100%;
    }
    .design-menuMovilTablet ul li:hover {
        background: #FFF;
    }
}
@media (min-width: 280px) and (max-width: 991px) {
     .design-width-logo{
        width: 50% !important;
    }
    .design-flechas,
    .design-iconos-redes-2,
    .design-menu-desktop {
        display: none;
    }
    .design-menu-movil {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .card-body > ul {
        overflow-x: auto;
    }
    .card-body > ul > .menu-item > a {
        display: block;
        width: 100%;
        font-weight: 400;
        color: var(--black);
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.1rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        -webkit-transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            -webkit-box-shadow 0.15s ease-in-out;
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            -webkit-box-shadow 0.15s ease-in-out;
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out,
            -webkit-box-shadow 0.15s ease-in-out;
        text-decoration: none;
    }
    .card-body > ul > .menu-item > a:hover {
        color: var(--white);
        background-color: #EC7334;
        text-decoration: none;
    }
}
@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        position: relative;
        height: 168px;
    }
    .notfound .notfound-404 h1 {
        font-size: 142px;
    }
    .notfound h2 {
        font-size: 22px;
    }
}
@media (min-width: 568px) and (max-height: 320px) {
    .carousel-caption {
        left: 0;
        right: 0;
    }
    .design-texto {
        font-size: 40px;
        margin-bottom: 0rem;
    }
    .design-w-100 {
        width: 100%;
    }
    .design-botones-index {
        bottom: 5px;
    }
}
@media (min-width: 640px) and (max-height: 360px) {
    .design-texto {
        font-size: 40px;
        margin-bottom: 0rem;
    }
    .design-w-100 {
        width: 100%;
    }
}
@media (min-width: 731px) and (max-height: 411px) {
    .design-texto {
        font-size: 40px;
        margin-bottom: 0rem;
    }
    .design-w-100 {
        width: 100%;
    }
}
@media (min-width: 667px) and (max-height: 375px) {
    .design-texto {
        font-size: 40px;
        margin-bottom: 0rem;
    }
    .design-w-100 {
        width: 100%;
    }
}
@media (min-width: 736px) and (max-height: 414px) {
    .design-texto {
        font-size: 40px;
        margin-bottom: 0rem;
    }
    .design-w-100 {
        width: 100%;
    }
}
@media (min-width: 812px) and (max-height: 375px) {
    .design-botones-index {
        bottom: 5px;
    }
}
@media (min-width: 501px) and (max-width: 1023px) {
    .design-tamano-img-logo {
        width: 50%;
    }
    .desing-padding-redes {
        padding-right: 0;
        padding-left: 0rem;
    }
}
@media (min-width: 601px) {
    .design-desktop,
    .design-desktop-2 {
        display: block;
    }
    .design-movil-tablet,
    .design-movil-tablet-2 {
        display: none;
    }
    .design-tamano-textos {
        font-size: 20px;
    }
    .design-tamano-botones {
        font-size: 25px;
    }
}
@media (min-width: 768px) {
    .design-acordeon-footer .design-version-movil {
        display: none !important;
    }
    .design-lista-footer .design-version-desktop {
        display: block !important;
    }
    .design-piedras-valores {
        width: 85%;
    }
    .desgin-margin-bottom-BS {
        margin-bottom: 4.5rem;
    }
    .design-titulos-noticias {
        font-size: 25px;
    }
}
@media (min-width: 768px) and (max-width: 1036px) {
    .btn-outline-primary{
        width:23% !important;
    }
    .design-texto-redes-footer {
        display: none;
    }
}
@media (max-width: 990px) {
    .design-padding-botones-header {
        padding: 3px;
    }
    .design-padding-top-botones-header {
        padding-top: 0.25rem;
    }
}
@media (min-width: 1024px) {
    .design-padding-fixed {
        padding-top: 4rem;
    }
    .design-titulos-noticias {
        font-size: 30px;
    }
}
@media (max-width: 768px) and (max-height: 1024px) {
    .design-padding-solo-tablet {
        padding-top: 5rem !important;
    }
}
@media (min-width: 770px) and (max-width: 1199px) {
    .design-cashappa-padding {
        padding-top: 2rem;
    }
}
@media (min-width: 991px) {
    .design-menu-icono,
    .design-menuMovilTablet {
        display: none;
    }
}
@media (min-width: 992px) {
    .design-flechas,
    .design-menu-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .design-menu-movil {
        display: none;
    }
    .design-iconos-redes-2 {
        display: block;
        width: 80%;
    }
}
@media (min-width: 1084px) and (max-width: 1171px) {
    .design-padding-texto-pequeno {
        padding-top: 4rem;
    }
}
@media (min-width: 1172px) and (max-width: 1199px) {
    .design-padding-texto-pequeno {
        padding-top: 7rem;
    }
}
@media (min-width: 1200px) and (max-width: 1334px) {
    .design-padding-texto-pequeno {
        padding-top: 0rem;
    }
}
@media (min-width: 1335px) {
    .design-padding-texto-pequeno {
        padding-top: 5rem;
    }
}
@media (min-width: 1024px) and (max-width: 1170px) {
    .design-width-logo {
        width: 30%;
    }
    .design-tamano-img-logo {
        width: 40%;
    }
    .design-tamano-img-logo-home {
        width: 30%;
    }
    .design-ajustes-iconos {
        margin-left: -8px;
    }
}
@media (max-width: 1024px) and (max-height: 600px) {
    .design-margen-youtube {
        margin-left: -13px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .design-position-valores-textos,
    .design-position-valores-textos-largo,
    .design-position-valores-textos-medio {
        font-size: 13px !important;
    }
}
@media (min-width: 1024px) and (max-height: 1366px) {
    .design-position-valores-textos {
        top: 35%;
        margin-left: 16%;
    }
    .design-position-valores-textos-largo {
        top: 35%;
        margin-left: 10%;
    }
    .design-position-valores-textos-medio {
        top: 35%;
        margin-left: 9%;
    }
}
@media (min-width: 1366px) and (max-height: 1024px) {
    .design-position-valores-textos {
        top: 38%;
        margin-left: 25%;
        font-size: 25px;
    }
    .design-position-valores-textos-largo {
        top: 38%;
        margin-left: 16%;
        font-size: 25px;
    }
    .design-position-valores-textos-medio {
        top: 38%;
        margin-left: 22%;
        font-size: 25px;
    }
}
@media (min-width: 1200px) {
    .design-movil-tablet {
        display: none;
    }
    .design-desktop {
        display: block;
    }
    .design-padding {
        padding-top: 1.5rem;
    }
    .design-padding-2 {
        padding-top: 3rem;
    }
    .design-titulo-cash {
        text-align: center;
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5);
        padding-top: 15px;
        font-size: 40px;
    }
    .desing-padding-redes {
        padding-right: 0;
        padding-left: 2rem;
    }
    .design-tamano-textos {
        font-size: 25px;
    }
    .design-tamano-botones {
        font-size: 30px;
    }
    .design-ajustes-iconos {
        margin-left: -3px;
    }
    .design-margenes-prepago {
        margin-right: 0.5rem;
    }
    .desgin-margin-bottom-BS {
        margin-bottom: 4.5rem;
    }
}
@media (min-width: 1500px) {
    .design-encapsulado {
        max-width: 1920px;
    }
}
.form-group {
    color: #3A3A3A;
}
.fondo-contacto {
    background-color: #a5a9aa;
    border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: var(--green);
    padding: 0;
    margin: 0;
}
/*Inicio JC*/
.navbar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    background-color: #F2E7CE !important;
}
.navbar-light{
    padding: .5rem .5rem;
}
.design-width-logo{
    width: 32%;
}
.navbar-light .navbar-nav .nav-link {
    color: #143B64;
    font-size: 20px;
}
.mr-auto{
    margin-right: auto !important;
}
.ml-auto{
    margin-left: auto !important;
}
.mr-1{
    margin-right: .25rem !important;
}
.mr-3{
    margin-right: 1rem !important;
}
.carousel-control-prev-icon {
    background-image: url('../image/arrow-1.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.carousel-control-next-icon {
    background-image: url('../image/arrow-2.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
div.row.pt-5.pb-3{
    padding: 0px 10px;
}
.btn-block {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding:3px;
}
.btn-block:hover {
    background-color: #143B64;
    border-color: #143B64;
    color: #fff; 
}
.pl-5{
    padding-left: 3rem !important;
}
.font-weight-bold {
    font-weight: 500 !important;
    font-size: 40px;
    text-align: left;
}
.design-ul-footer-2{
    padding-left: 0;
}
.row.w-80.m-auto div{
    padding: 0 20px;
}
.col-12.col-sm-12.col-md-12.col-lg-12.text-center.w-80.mb-5{
    width: 100%;
}
.btn.botonCotizar:hover{
    color: #ff6a13;
    background-color: #fff;
}
.design-position-valores-textos{
    top: 43%;
    margin: revert-rule;
}
.card-header {
    padding: .75rem 1.25rem;
}
.accordion-button::after {
    display: none !important;
}
.accordion-button {
    justify-content: center !important; /* Centra horizontalmente el texto */
    text-align: center;
    align-items: center;
    font-size: 1.25rem;
    background-color: rgba(0, 0, 0, .03) !important;
    transition: none !important;
}
.accordion-button:hover {
    background-color: rgba(0, 0, 0, .03) !important;
}
.accordion-button i.fas {
    font-size: 1.25rem;
    margin-right: 10px;
    transition: transform 0.3s ease; /* Animación suave */
}
.accordion-button:not(.collapsed) i.fas {
    background-color: rgba(0, 0, 0, .03) !important;
    transform: rotate(270deg);
}
.accordion-button:focus {
    background-color: rgba(0, 0, 0, .03) !important;
    box-shadow: none !important;
    border-color: #CDC7C7;
}
.accordion-collapse {
  transition: height 0.3s ease;
}
.accordion-body a {
    text-decoration: none !important;
}
.carousel-indicators{
    display: none;
}
.cn-close-icon{
    outline: none;
    background: none;
    border: none;
    box-shadow: none;
}
.btn.btn-warning.border-radius-2.float-right{
    float: right !important;
}
#menu-menu-todoticket-online{
    right: 0;
    left: auto;
    background-color: #FFFFFF; 
}
#menu-menu-header-rrss{
    right: 0;
    left: auto;
    background-color: #FFFFFF;
}
.contact-info{
    background-color: #F2E7CE;
    color: #143B64;
}
.bg-form{
    background-color: #EC7334;
    border-color: #EC7334;
    color: #FFF;
}
.card-body-v2{
    background-color: #F2E7CE;
    color: #3A3A3A;
}
.icon-linea {
    height: 20px;
    padding-bottom: 3px;
}
.bg-cream{
    background-color: #F2E7CE !important;
}
.tx-azul{
    color: #143B64;
}
.tx-azul a{
    color: #143B64;
}
.tx-orange {
    color: #EC7334;
}
.tx-orange-header {
    color: #EC7334;
}
.tx-orange-header:hover {
    color: #FFF;
}

.btn-integral{
    background-color: #3D70D6;
    color: #FFF;
    border-color: #3D70D6;
}
.icon-header-rrss{
    color: #EC7334;
    font-size: 25px; 
}
.dropdown-item .icon-header-rrss:hover{
    color: #FFF;
}
/*Fin JC*/
/*Colores de clases en blue*/
.title-blue {
    font-family: 'Edu SA Hand', cursive;
}
.naranja-blue {
    color: #EC7334;
}
.azul-blue {
    color: #143B64;
}
/*Inicio pagina cotizar*/
/* ==========================================================================
   MAQUETACIÓN INLINE CON COLORES PERSONALIZADOS PARA "COTIZAR"
   ========================================================================== */
.cotizar-seccion-encabezado {
    width: 100%;
    text-align: center;      /* Centra el texto horizontalmente */
    margin: 25px 0;     /* Separa el texto de las tarjetas de abajo */
    padding: 0 15px;         /* Colchón de seguridad para pantallas móviles */
}

.cotizar-texto-introduccion {
    font-size: 22px;          /* Tamaño de letra visible y elegante */
    color: #333333;           /* Color gris oscuro profesional */
    font-weight: 600;         /* Grosor medio */
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1150px;         /* Limita el ancho para que no se estire feo en pantallas gigantes */
}
/* Contenedor principal: Fuerza el comportamiento "uno al lado del otro" */
.cotizar-main-flex-container {
    display: flex !important;
    flex-direction: row !important; /* Garantiza que se pongan en fila horizontal */
    flex-wrap: nowrap !important;   /* Evita que se bajen a la siguiente línea en PC */
    gap: 30px !important;           /* Espacio entre los dos recuadros */
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

/* Reglas comunes para ambos recuadros */
.cotizar-column-card {
    flex: 1 !important;             /* Mismo ancho exacto para ambos (50% y 50%) */
    display: flex !important;
    flex-direction: column !important; /* Orden vertical interno: Texto -> Imagen -> Botón */
    align-items: center !important;    /* Centra horizontalmente todo el contenido */
    justify-content: space-between !important; /* Empuja el botón siempre al fondo */
    padding: 20px 20px !important;
    border-radius: 16px !important;    /* Bordes redondeados modernos */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
}
/* --------------------------------------------------------------------------
   ASIGNACIÓN DE COLORES EXCLUSIVOS POR RECUADRO
   -------------------------------------------------------------------------- */

/* RECUADRO 1 (Izquierdo): Fondo Naranja, letras blancas */
.cotizar-column-card:first-of-type {
    background-color: #ff6a13 !important;
}

/* RECUADRO 2 (Derecho): Fondo Azul Oscuro, letras blancas */
.cotizar-column-card:last-of-type {
    background-color: var(--blue);
}

/* --------------------------------------------------------------------------
   ESTILOS DE TEXTO (Fuerza letras blancas en ambos recuadros)
   -------------------------------------------------------------------------- */
.cotizar-text-block {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

/* Títulos en blanco */
.cotizar-title {
    font-size: 24px !important;
    color: #ffffff !important; /* Letras Blancas */
    margin: 0 0 12px 0 !important;
    font-weight: bold !important;
}

/* Párrafos descripciones en blanco */
.cotizar-description {
    font-size: 19px !important;
    color: #ffffff !important; /* Letras Blancas */
    line-height: 1.6 !important;
    margin: 0 !important;
    opacity: 0.95 !important; /* Suaviza ligeramente el contraste del texto */
}

/* --------------------------------------------------------------------------

   IMÁGENES Y BOTONES
   -------------------------------------------------------------------------- */
/* Contenedor de la imagen centrada */
.cotizar-image-wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; /* Centra la imagen horizontalmente */
    align-items: center !important;
    margin-bottom: 30px !important;
    height: 180px !important; /* Altura controlada para equilibrar las cajas */
}

.cotizar-img {
    max-width: 90% !important;
    max-height: 90% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}
/* Estilo de los botones */
.cotizar-action-btn {
    display: inline-block !important;
    width: 85% !important;
    background-color: #ffffff !important; /* Botón blanco para resaltar sobre los fondos */
    color: #ff6a13 !important;
    line-height: normal;
    text-decoration: none !important;
    padding: 14px 0 !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    font-size: 15px !important;
    text-align: center !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efecto al pasar el cursor sobre el botón */
.cotizar-action-btn:hover {
    transform: translateY(-2px) !important; /* Pequeño salto estético */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important;
}
.cotizar-action-btn2 {
    display: inline-block !important;
    width: 85% !important;
    background-color: #ffffff !important; /* Botón blanco para resaltar sobre los fondos */
    color: #003c71 !important;
    line-height: normal;
    text-decoration: none !important;
    padding: 14px 0 !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    font-size: 15px !important;
    text-align: center !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efecto al pasar el cursor sobre el botón */
.cotizar-action-btn2:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Adaptación para pantallas de teléfonos (Mobile Responsive) */
@media (max-width: 768px) {
    .cotizar-main-flex-container {
        flex-direction: column !important; /* En celulares sí se ponen uno abajo del otro */
        flex-wrap: wrap !important;
        gap: 25px !important;
    }
    .cotizar-action-btn {
        width: 100% !important;
    }
    .cotizar-action-btn2 {
        width: 100% !important;
    }
    
}
/* 1. Forzar a que el contenedor rompa los límites de Bootstrap y ocupe toda la pantalla */
.pagina-cotizar-split {
    background-image: url('/wp-content/uploads/2026/09/Imagen-Cotizador.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Ocupar todo el ancho y alto visible del navegador */
    width: 99vw;
    min-height: 100vh;

    /* Truco para ignorar los márgenes/paddings del contenedor contenedor-fluid de WordPress */
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: -5%;
    /* Configuración Flexbox */
    display: flex;
    justify-content: flex-start; /* Empuja el contenido a la IZQUIERDA */
    align-items: center;         /* Centra verticalmente */

    padding: 60px 10%;           /* Separa el formulario de los bordes izquierdo/superior */
    box-sizing: border-box;
}

/* 2. Definir que el formulario ocupe una mitad (ancho controlado) */
.columna-cotizar-form {
    width: 100%;
    max-width: 590px; /* Ancho ideal para que cubra visualmente el "ala izquierda" */
    background-color: rgba(255, 255, 255, 0.96); /* Fondo blanco limpio con leve opacidad */
    padding: 0px;
    border-radius: 20px;
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin-top: 2%;
}
.cotizar-form-contenedor {
    max-width: 650px; /* Lo ensanchamos un poco para el diseño horizontal */
    margin: 0 auto;
    padding: 30px;
    background-color: #ffffff;
    border: 2px solid #eeeeee;
    border-radius: 10px !important;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* Títulos color #003c71 y centrados */
.cotizar-form-contenedor h2,
.cotizar-form-contenedor h3 {
    color: #003c71 !important;
    text-align: center;
    font-weight: bold;
}
.cotizar-form-contenedor h2 { font-size: 26px; margin-bottom: 10px; }
.cotizar-form-contenedor h3 { font-size: 20px; margin-top: 15px; margin-bottom: 15px; }

.cotizar-form-descripcion {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
    line-height: 1.6;
    text-align: center;
}
/* ==========================================================================
   ESTRUCTURA EN PARALELO (LABEL AL LADO DEL INPUT)
   ========================================================================== */
.form-bloque-fila {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; /* Alineación vertical perfecta */
    margin-bottom: 10px;
    width: 100%;
}
.form-bloque-fila p{
    margin-bottom: 0px !important;
}
/* El texto de la izquierda (Label) */
.form-texto-label {
    flex: 0 0 35%; /* Ocupa el 35% del ancho */
    text-align: left;
    padding-right: 20px;
    font-weight: 600;
    color: #444444;
    box-sizing: border-box;
}

/* El contenedor del input (Derecha) */
.form-input-control {
    flex: 0 0 65%; /* Ocupa el 65% restante */
    width: 65%;
    box-sizing: border-box;
    text-align: left;
}

.form-input-control p{
    width: 95%;
}
/* ==========================================================================
   ESTILO DE LOS INPUTS (OVALADOS)
   ========================================================================== */
.cotizar-form-contenedor .input-ovalado {
    display: block;
    width: 100%;
    padding: 0px 15px;
    font-size: 15px;
    border: 1px solid #cccccc;
    border-radius: 50px !important;
    text-align: left;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
    margin: 0 !important;
}

.cotizar-form-contenedor input.input-ovalado,
.cotizar-form-contenedor select.input-ovalado {
    text-align: left !important;
}

.cotizar-form-contenedor .input-ovalado:focus {
    border-color: #003c71;
}
/* ==========================================================================
   FILAS COMBINADAS (RIF Y TELÉFONO)
   ========================================================================== */
.form-rif-combinado,
.form-telefono-combinado {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
    align-items: center;
    width: 100%;
}

/* IMPORTANTE: Eliminamos el impacto de las etiquetas <p> y <br> que mete WordPress automáticamente */
.form-rif-combinado p,
.form-telefono-combinado p {
    display: flex !important;
    width: 100% !important;
    gap: 6px;
    margin: 0 !important;
    padding: 0 !important;
}
.form-rif-combinado br,
.form-telefono-combinado br {
    display: none !important; /* Desaparece los saltos de línea molestos */
}
/* Envolturas internas de Contact Form 7 */
.form-rif-combinado .wpcf7-form-control-wrap,
.form-telefono-combinado .wpcf7-form-control-wrap {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================*/
.form-rif-combinado .wpcf7-form-control-wrap[data-name="letra-rif"] {
    flex: 0 0 15% !important;
    width: 15% !important;
}

/* Selector de la Letra RIF */
.form-rif-combinado .clase-letra-rif {
    width: 100% !important;
    padding: 0px 5px !important;
    text-align: center;
    background-position: calc(100% - 8px) calc(50% + 3px) !important; /* Ajustamos la flechita */
}

/* Contenedor del Número RIF (85% restante) */
.form-rif-combinado .wpcf7-form-control-wrap[data-name="numero-rif"] {
    flex: 0 0 calc(85% - 10px) !important; /* Restamos el gap */
    width: calc(85% - 10px) !important;
}

.form-rif-combinado .clase-numero-rif {
    width: 94% !important;
}

/* ==========================================================================
   ANCHOS PARA EL TELÉFONO (Mantiene un 30% / 70% porque los números de operadora son más largos)
   ========================================================================== */
.form-telefono-combinado .wpcf7-form-control-wrap[data-name="codigo-telefono"] {
    flex: 0 0 30% !important;
    width: 30% !important;
}
.form-telefono-combinado .clase-codigo-tel {
    width: 100% !important;
}
.form-telefono-combinado .wpcf7-form-control-wrap[data-name="numero-telefono"] {
    flex: 0 0 calc(70% - 10px) !important;
    width: calc(70% - 10px) !important;
}
.form-telefono-combinado .clase-numero-tel {
    width: 94% !important;
}
/* Estilo para las flechas de los selectores */
.cotizar-form-contenedor select.input-ovalado {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23003c71'><polygon points='0,0 100,0 50,50'/></svg>");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) calc(50% + 3px);
    padding-right: 25px !important;
}

/* Separador y Botón */
.form-separador { border: 0; border-top: 1px solid #eeeeee; margin: 10px 0; }
.form-contenedor-boton {
    text-align: center;
    margin-top: 3%;
}

.form-contenedor-boton p{
    width: 45%;
    display: contents;
}
.wpcf7-spinner{
    display:block;
    margin: auto !important;
}

.cotizar-form-contenedor .boton-cotizar-ovalado {
    background-color: #ff6a13;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 100px;
    border: none;
    border-radius: 50px !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
}
.cotizar-form-contenedor .boton-cotizar-ovalado:hover { background-color: #002546; }
/* ==========================================================================
   ADAPTACIÓN PARA CELULARES (RESPONSIVE)
   ========================================================================== */
@media (max-width: 768px) {
    .form-bloque-fila {
        flex-direction: column !important; /* Pasa a formato vertical en pantallas chicas */
        align-items: center;
    }
    .form-texto-label {
        flex: 1 1 100%;
        text-align: center; /* Centra el título arriba del input en móviles */
        padding-right: 0;
        margin-bottom: 8px;
    }
    .form-input-control {
        flex: 1 1 100%;
        width: 100%;
    }
}
/* ==========================================================================
   ESTILOS Y ICONOS PARA MENSAJES DE RESPUESTA (CF7)
   ========================================================================== */

/* 1. Contenedor General del Mensaje (Unificado y Centrado) */
.cotizar-form-contenedor .wpcf7-response-output {
    display: flex;
    align-items: center !important;
    justify-content: center !important; /* Centra todo el bloque en el formulario */
    gap: 10px !important; /* Deja una separación perfecta de 10px entre la imagen y el texto */
    width: 100% !important;
    clear: both !important;
    border: none !important;
    background: transparent !important;
    padding: 10px 0 !important; /* Quitamos el padding-left viejo */
    margin: 15px 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    overflow-x: hidden !important;
}

/* 2. Inyección de la Imagen de Alerta Personalizada (Antes del Texto) */
.cotizar-form-contenedor .wpcf7-response-output::before {
    content: "" !important;
    display: inline-block !important; /* Permite que se comporte como una palabra más al lado del texto */
    width: 24px !important;  /* Ancho de tu icono PNG */
    height: 24px !important; /* Alto de tu icono PNG */
    background-image: url('/wp-content/uploads/2026/09/iconos_rojo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important; /* Evita que la imagen se deforme si el texto es muy largo */
}

/* 3. Color ROJO para errores (Solo Texto, ya que la imagen es roja por defecto) */
.wpcf7 .wpcf7-response-output.wpcf7-validation-failed,
.wpcf7 .wpcf7-response-output.wpcf7-aborted,
.wpcf7 .wpcf7-response-output.wpcf7-mail-failed,
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unsubmittable .wpcf7-response-output {
    color: #dc3232 !important;
}
/* Forzar que se muestre la imagen roja cuando hay un error */
.wpcf7 .wpcf7-response-output.wpcf7-validation-failed::before,
.wpcf7 .wpcf7-response-output.wpcf7-aborted::before,
.wpcf7 .wpcf7-response-output.wpcf7-mail-failed::before,
.wpcf7-form.invalid .wpcf7-response-output::before,
.wpcf7-form.unsubmittable .wpcf7-response-output::before {
    background-image: url('/wp-content/uploads/2026/09/iconos_rojo.png') !important;
}

/* 4. Color VERDE para envío exitoso (Texto) */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output {
    color: #007833 !important;
}

/* Opcional: Si en el futuro te dan una imagen verde para el éxito, */
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok::before,
.wpcf7-form.sent .wpcf7-response-output::before {
    background-image: url('/wp-content/uploads/2026/09/iconos_verde.png') !important;
}
/* Oculta la casilla de texto fantasma pero permite ver el error de CF7 */
.campo-recaptcha-oculto input {
    display: none !important;
}

/* Formato del mensaje de error del captcha */
.form-contenedor-recaptcha .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    margin-top: 8px;
    display: block;
}

/* Estilo del bloque de error */
.bloque-error-recaptcha {
    width: 100%;
    margin-top: 8px;
}

.bloque-error-recaptcha .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    display: block !important;
}
/* 1. Ocultar únicamente la casilla de entrada de texto */
.envoltorio-error-recaptcha input[name="campo-recaptcha"] {
    display: none !important;
}
/* 2. Asegurar que la estructura del contenedor sea vertical (uno debajo de otro) */
.form-contenedor-recaptcha {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
}

/* 3. Darle estilo al mensaje de error cuando aparezca */
.envoltorio-error-recaptcha .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    margin-top: 8px;
    display: block !important;
}



/* --------------------------------------------------------------------------

   TEXTOS OVALOS DE NOSOTROS RESPONSIVE
   -------------------------------------------------------------------------- */
.design-position-valores-textos-1 {
    top: 43%;
    margin-left: 34%;
    font-size: 25px;
}
.design-position-valores-textos-2 {
    top: 43%;
    margin-left: 30%;
    font-size: 25px;
}
.design-position-valores-textos-3 {
    top: 43%;
    margin-left: 25%;
    font-size: 25px;
}
.design-position-valores-textos-4 {
    top: 43%;
    margin-left: 33%;
    font-size: 25px;
}

@media (max-width: 767px) {
    .design-position-valores-textos-1 {
        margin-left: 32%;
    }
    .design-position-valores-textos-2 {
        margin-left: 23%;
    }
    .design-position-valores-textos-3 {
        margin-left: 18%;
    }
    .design-position-valores-textos-4 {
        margin-left: 28%;
    }
    .email-talent{
        font-size: 20px !important;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .design-position-valores-textos-1 {
        margin-left: 29%;
        font-size: 14px;
    }
    .design-position-valores-textos-2 {
        margin-left: 16%;
        font-size: 14px;
    }
    .design-position-valores-textos-3 {
        margin-left: 10%;
        font-size: 14px;
    }
    .design-position-valores-textos-4 {
        margin-left: 23%;
        font-size: 14px;
    }
    .email-talent{
        font-size: 20px !important;
    }

}
@media (min-width: 1024px) and (max-width: 1200px) {
    .design-position-valores-textos-1 {
        margin-left: 25%;
        font-size: 20px;
    }
    .design-position-valores-textos-2 {
        margin-left: 18%;
        font-size: 20px;
    }
    .design-position-valores-textos-3 {
        margin-left: 11%;
        font-size: 20px;
    }
    .design-position-valores-textos-4 {
        margin-left: 23%;
        font-size: 20px;
    }
    .email-talent{
        font-size: 20px !important;
    }

}
@media (min-width: 1201px) and (max-width: 1400px) {
    .design-position-valores-textos-1 {
        margin-left: 30%;
        font-size: 25px;
    }
    .design-position-valores-textos-2 {
        margin-left: 20%;
        font-size: 25px;
    }
    .design-position-valores-textos-3 {
        margin-left: 14%;
        font-size: 25px;
    }
    .design-position-valores-textos-4 {
        margin-left: 25%;
        font-size: 25px;
    }
    .email-talent{
        font-size: 25px !important;
    }

}

.active>.page-link, .page-link.active{
   background-color: #3D70D6 !important;
   border-color: #3D70D6 !important;
   color: #fff !important;
}
.page-link{
   color: #3D70D6 !important;
}