.elementor-388 .elementor-element.elementor-element-f4d3ceb:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-f4d3ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://numerologiasaggrada.com/wp-content/uploads/2023/04/numeritosfondo.png");background-position:center center;background-size:contain;}.elementor-388 .elementor-element.elementor-element-f4d3ceb > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.93;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-388 .elementor-element.elementor-element-f4d3ceb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-388 .elementor-element.elementor-element-3ffa7ef.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-388 .elementor-element.elementor-element-3ffa7ef.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-388 .elementor-element.elementor-element-f2462f8 > .elementor-widget-container{margin:8% 0% 0% 0%;}.elementor-388 .elementor-element.elementor-element-f2462f8{text-align:left;}.elementor-388 .elementor-element.elementor-element-f2462f8 .elementor-heading-title{font-family:"mermaid", Sans-serif;font-size:69px;font-weight:600;color:var( --e-global-color-9f9e378 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-388 .elementor-element.elementor-element-1c79c3a{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-388 .elementor-element.elementor-element-a0b4d89 .elementor-button{background-color:var( --e-global-color-dd4d0a5 );font-family:"Montserrat", Sans-serif;font-weight:500;border-radius:15px 15px 15px 15px;}.elementor-388 .elementor-element.elementor-element-a0b4d89 > .elementor-widget-container{margin:0% 0% 6% 0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-388 .elementor-element.elementor-element-f6968a2 img{width:89%;}.elementor-388 .elementor-element.elementor-element-2b354007 > .elementor-shape-bottom .elementor-shape-fill{fill:#F7F8FB;}.elementor-388 .elementor-element.elementor-element-2b354007 > .elementor-shape-bottom svg{height:200px;}.elementor-388 .elementor-element.elementor-element-2b354007{padding:60px 0px 145px 0px;}.elementor-388 .elementor-element.elementor-element-5447de8 > .elementor-widget-container{margin:5% 0% 0% 0%;}.elementor-388 .elementor-element.elementor-element-5447de8{text-align:center;}.elementor-388 .elementor-element.elementor-element-5447de8 .elementor-heading-title{font-family:"mermaid", Sans-serif;font-size:52px;font-weight:600;color:var( --e-global-color-9f9e378 );}.elementor-388 .elementor-element.elementor-element-1567615e{margin-top:-15px;margin-bottom:0px;}.elementor-388 .elementor-element.elementor-element-74a1d3f9 > .elementor-widget-container{padding:0px 0px 53px 0px;}.elementor-388 .elementor-element.elementor-element-74a1d3f9 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-388 .elementor-element.elementor-element-74a1d3f9 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-388 .elementor-element.elementor-element-74a1d3f9 .elementskit-section-title-wraper p{color:#585367;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-accordion-content .elementskit-btn{background-color:#00000000;padding:17px 33px 16px 33px;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-79a1ec6 );border-radius:6px 6px 6px 6px;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-accordion-content .elementskit-btn:hover{background-color:var( --e-global-color-79a1ec6 );}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-single-image-accordion{min-height:860px;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-image-accordion-wraper{height:860px;margin-left:-2px;margin-right:-2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-image-accordion-wraper .elementskit-single-image-accordion{margin-left:2px;margin-right:2px;align-items:flex-end;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-single-image-accordion .elementskit-accordion-title-wraper{margin:0px 0px 16px 0px;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title {color:#fff;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title svg path{stroke:#fff;fill:#fff;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-image-accordion-wraper .elementskit-accordion-title-wraper .elementskit-accordion-title{font-family:"mermaid", Sans-serif;font-size:23px;font-weight:600;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-single-image-accordion .elementskit-accordion-content{text-align:center;padding:0px 15px 32px 15px;}@media(max-width:767px){.elementor-388 .elementor-element.elementor-element-f2462f8 .elementor-heading-title{font-size:43px;}.elementor-388 .elementor-element.elementor-element-a0b4d89 > .elementor-widget-container{margin:0% 0% 18% 0%;}.elementor-388 .elementor-element.elementor-element-5447de8 .elementor-heading-title{font-size:43px;}.elementor-388 .elementor-element.elementor-element-78243fcb .elementskit-accordion-content .elementskit-btn{padding:19px 12px 18px 12px;}}@media(min-width:1025px){.elementor-388 .elementor-element.elementor-element-f4d3ceb:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-f4d3ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-69815f7 */@font-face {
    font-family: 'Mermaid';
    src: url(./fonts/Mermaid1001.ttf);
}
.tarjeta-container .title, .pincaulo-container h3 {
    font-family: 'Mermaid' !important;
    font-size: 3rem;
    margin-top: 2rem;
}
.pinaculo-letra {
    border: 3px solid black;
    width: 50PX;
    height: 50px;
    text-align: center;
    font-size: 1rem;
    background: #0097ff;
    color: white;
    font-weight: bold;
    border-radius: 2rem;
    position: relative;
}
#pinaculo {
    display: flex;
    justify-items: center;
    padding: 1rem;
}
.pinaculo-primero {
    background-color: rgb(127, 58, 247);
}
.pinaculo-segundo {
    background-color: rgb(5, 0, 129);
}
.pinaculo-tercero {
    background-color: rgb(62, 62, 62);
}
.pinaculo-ausencia {
    height: 2rem;
    color: white;
    left: -28px;
    position: relative;
    width: 120px !important;
    text-align: center;
}
div {
    margin: auto;
}
.texto {
    font-size: 1rem;
    font-weight: bold;
}
.card-body {
    min-height: 3rem;
}
.pinaculo-contenedor .row {
    margin-bottom: 12px;
}
.row>* {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.pinaculo-letra[data-container-letter="X"] {
    top: 10px;
}
.pinaculo-letra[data-container-letter="Z"] {
    top: 10px;
    left: 10px;
}
.pinaculo-letra[data-container-letter="J"] {
    top: -80px;
    left: 80px;
}
.pinaculo-letra[data-container-letter="E"] {
    left: 115px;
}
.pinaculo-letra[data-container-letter="I"] {
    left: 88px;
}
.pinaculo-letra[data-container-letter="F"] {
    left: 62px;
}
.pinaculo-letra[data-container-letter="T"] {
    left: -10px;
}
.pinaculo-letra[data-container-letter="A"] {
    left: 52px;
}
.pinaculo-letra[data-container-letter="B"] {
    left: 55px;
}
.pinaculo-letra[data-container-letter="C"] {
    left: 64px;
}
.pinaculo-letra[data-container-letter="D"] {
    left: 25px;
}
.pinaculo-letra[data-container-letter="M"] {
    left: -112px;
}
.pinaculo-letra[data-container-letter="K"] {
    left: 88px;
}
.pinaculo-letra[data-container-letter="L"] {
    left: -88px;
}
.pinaculo-letra[data-container-letter="P"] {
    left: -10px;
}
.pinaculo-letra[data-container-letter="W"] {
    left: -10px;
}
.pinaculo-letra[data-container-letter="N"] {
    left: -112px;
}
.pinaculo-letra[data-container-letter="Q"] {
    left: -80px;
}
.pinaculo-letra[data-container-letter="R"] {
    left: -96px;
}
.pinaculo-letra[data-container-letter="S"] {
    left: -115px;
}
.pinaculo-linea {
    content: "";
    border: 2px solid #ffffff;
    position: relative;
}
.pinaculo-linea[data-line-letter="HA"] {
    width: 217px;
    height: 1px;
    top: 66px;
    left: -156px;
    transform: rotate(-62deg);
}
.pinaculo-linea[data-line-letter="HC"] {
    width: 226px;
    height: 1px;
    top: 59px;
    left: -15px;
    transform: rotate(-119deg);
}
.pinaculo-linea[data-line-letter="GE"] {
    width: 66px;
    height: 1px;
    left: -47px;
    top: 12px;
    transform: rotate(-57deg);
}
.pinaculo-linea[data-line-letter="GF"] {
    width: 66px;
    height: 1px;
    left: 30px;
    top: 12px;
    transform: rotate(-121deg);
}
.pinaculo-linea[data-line-letter="EA"] {
    width: 73px;
    height: 1px;
    left: 64px;
    top: 16px;
    transform: rotate(-63deg);
}
.pinaculo-linea[data-line-letter="EB"] {
    width: 58px;
    height: 1px;
    left: 145px;
    top: 12px;
    transform: rotate(-121deg);
}
.pinaculo-linea[data-line-letter="FB"] {
    width: 66px;
    height: 1px;
    left: 18px;
    top: 16px;
    transform: rotate(-61deg);
}
.pinaculo-linea[data-line-letter="FC"] {
    width: 79px;
    height: 1px;
    left: 90px;
    top: 15px;
    transform: rotate(-130deg);
}
.pinaculo-linea[data-line-letter="BA"] {
    width: 67px;
    height: 1px;
    left: -12px;
    top: -26px;
}
.pinaculo-linea[data-line-letter="BC"] {
    width: 72px;
    height: 0px;
    left: 104px;
    top: -27px;
}
.pinaculo-linea[data-line-letter="BK"] {
    width: 72px;
    height: 1px;
    left: 6px;
    top: 15px;
    transform: rotate(-57deg);
}
.pinaculo-linea[data-line-letter="BL"] {
    width: 80px;
    height: 1px;
    left: 85px;
    top: 11px;
    transform: rotate(-130deg);
}
.pinaculo-linea[data-line-letter="BT"] {
    width: 136px;
    height: 1px;
    left: 95px;
    top: -82px;
    transform: rotate(-206deg);
}
.pinaculo-linea[data-line-letter="AK"] {
    width: 72px;
    height: 1px;
    left: 76px;
    top: 22px;
    transform: rotate(-135deg);
}
.pinaculo-linea[data-line-letter="CL"] {
    width: 72px;
    height: 1px;
    left: 18px;
    top: 24px;
    transform: rotate(-230deg);
}
.pinaculo-linea[data-line-letter="KM"] {
    width: 42px;
    height: 1px;
    left: -145px;
    top: -53px;
    transform: rotate(-313deg);
}
.pinaculo-linea[data-line-letter="LM"] {
    width: 41px;
    height: 1px;
    left: -74px;
    top: -57px;
    transform: rotate(-229deg);
}
.pinaculo-linea[data-line-letter="TD"] {
    width: 44px;
    height: 1px;
    left: 14px;
    top: 14px;
    transform: rotate(-287deg);
}
.pinaculo-linea[data-line-letter="HJ"] {
    width: 161px;
    height: 1px;
    left: 33px;
    top: -2px;
    transform: rotate(-331deg);
}
.pinaculo-linea[data-line-letter="CD"] {
    width: 26px;
    height: 1px;
    left: 108px;
    top: -27px;
}
.pinaculo-linea[data-line-letter="JD"] {
    width: 132px;
    height: 1px;
    left: 67px;
    top: -25px;
    transform: rotate(-277deg);
}
@media (min-width: 1400px) {
    .container, .container-lg, 
    .container-md, .container-sm, 
    .container-xl, .container-xxl {
        max-width: 2600px !important;
    }
}
.tarjeta-container {
    padding: 25px;
    color: white;
    min-height: 312px !important;
    position: relative;
}
.card {
    min-height: 308px;
}
.button-link {
    display: inline-block;
    text-decoration: none;
    color: #fff;    
    border-radius: 2rem;
    width: 44px;
    height: 44px;
    transition: background-color 0.3s, color 0.3s;
}
.button-link:hover {
    background-color: #0056a7;
    color: #fff;
}
.boton {
    font-size: 7px !important;
    font-weight: bold !important;
    height: 24px;
    width: 55px;
    padding: unset;
    margin: unset;
}
.boton-energia {
    font-size: 7px !important;
    font-weight: bold !important;
    height: 24px;
    width: 55px;
    padding: unset;
    margin: unset;
}
.card-energia {
    margin: unset !important;
    padding: 5px !important;
    display: flex;
    align-content: flex-end !important;
    align-items: flex-end;
    flex-wrap: wrap;
    left: 10px !important;
    position: relative;
}
.cuadro-hoy .texto {
    font-size: 20px;
    margin: unset;
    padding: unset;
}
.cuadro-hoy {
    margin: unset;
    padding: unset;
}
.tarjeta-1 {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/soy-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tarjeta-2 {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/mision-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tarjeta-3 {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/momento-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tarjeta-4 {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/energia-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 325px !important;
}
.primer-bloque {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/espiral-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: soft-light;
    width: 740px !important;
    height: 604px !important;
    position: absolute;
    top: 2px;
    opacity: 10% !important;
}
.bloque-izquierda-1-background {
    background-image: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/espiral-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: soft-light;
    position: absolute;
    z-index: 1;
    top: 2px;
}
.bloque-izquierda-1 {
    background: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/espiral3-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    color: white;
    font-weight: bold;
    background-color: #5F5A6E;
    margin-top: 2px !important;
}
.bloque-izquierda-2 {
    background: url('http://numerologiasaggrada.com/wp-content/uploads/2023/10/f960x540-111644_185719_15-1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    color: white;
    font-weight: bold;
    background-color: #3F2681;
    margin-top: 1px !important;
}
.bloque-izquierda-1 .buttons .btn {
    text-align: center;
    width: 10rem !important;
    height: 4rem !important;
    margin: 10px !important;
    padding: 0px !important;
}
.buttons .btn, .tarjeta-container .btn {
    background-color: #4A3289;
    border: #4A3289;
    font-weight: bold;
}
.buttons .btn:not(.btn-block), .tarjeta-container:not(.tarjeta-4) .btn {
    width: 12rem !important;
    height: 3rem;
    font-size: 1.5rem !important;
}
.tarjeta-container h2 {
    font-size: 2.5rem;
}
.tarjeta-container h4 {
    font-size: 1.5rem;
}
.tarjeta-container .content p {
    font-size: 4.5rem;
    font-weight: bold;
}
.tarjeta-container .content {
    min-width: 80px;
    min-height: 104px;
}
.fila-hoy {
    position: relative;
}
.fila-hoy p {
    font-size: 26px !important;
    position: relative;
    left: 15px;
    top: 15px;
}
.pinaculo-contenedor {
    width: 440px;
    height: 530px;
    margin: auto;
    left: -14px;
    position: relative;
}
.fila-botones {
    position: relative;
    left: -88px;
    top: -7px;
    margin: auto !important;
}

@media (min-width: 1200px) {
    .tarjeta-4 .buttons {
        width: 80%;
        position: absolute;
    }
    .fila-boton .btn {
        width: 6rem !important;
    }
    .tarjeta-container .title, .pincaulo-container h3 {
        font-family: 'Mermaid' !important;
        font-size: 2rem;
        margin-top: 10px;
    }
    .bloque-izquierda-1-background {
        width: 740px !important;
        height: 604px !important;
    }
    .bloque-izquierda-1 {
        height: 90vh;
        max-height: 630px !important;
    }
    .bloque-izquierda-2 {
        height: 90vh;
        max-height: 630px !important;
    }
    .bloque-izquierda-1 .buttons .btn {
        width: 8rem !important;
        height: 2rem !important;
        margin: 10px !important;
    }
    .buttons .btn:not(.btn-block), .tarjeta-container:not(.tarjeta-4) .btn {
        width: 9rem !important;
        height: 2.5rem !important;
    }
    .tarjeta-container .content {
        min-width: 80px;
        min-height: 104px;
    }
    .fila-hoy {
        top: 4px;
        left: 10px;
    }
    .tarjeta-container h2 {
        font-size: 2rem;
    }
    .tarjeta-4 {
        min-height: 312px !important;
    }
    .tarjeta-container .content .texto {
        font-size: 3.5rem !important;
    }
    .tarjeta-container .content p {
        font-size: 1.5rem !important;
    }
    .tarjeta-4 .content .texto {
        font-size: 2.5rem !important;
    }
    .fila-hoy p {
        font-size: 2rem;
        position: unset;
        left: unset;
        top: unset;
    }
    .pinaculo-contenedor {
        width: 440px;
        height: 530px;
        margin: auto;
    }
    .seccion-izquierda {
        position: relative;
        left: 20px;
    }
    .seccion-derecha {
        position: relative;
        left: -12px;
    }
    .fila-botones {
        position: relative;
        right: 25%;
        margin: auto !important;
    }
    .fila-botones .btn {
        font-size: 14px !important;
        width: 6rem !important;
        border: 1px solid #30023d;
    }
    .pinaculo-ausencia {
        height: 2rem;
        color: white;
        left: -13px;
        position: relative;
        width: 114px !important;
        text-align: center;
        margin-right: 50px;
    }
    .tarjeta-container {
        margin: 2px !important;
    }
    .tarjeta-container .content p {
        font-size: 2.5rem;
        font-weight: bold;
    }
    .fila-hoy .texto {
        font-size: 2rem !important;
    }
    .fila-boton .btn {
        font-size: 15px !important;
    }
    .fields {
        padding: 10px;
        margin-left: auto;
    }
    .fila-boton {
        position: relative;
        top: unset !important;
    }
}
.bloque-izquierda-1 input {
    border-radius: 25px !important;
    padding: 20px !important;
    width: 200px !important;
    height: 15px;
}
.fields {
    padding: 10px;
    margin-left: 1.2rem;
}
.tarjeta-container .title {
    min-width: 80px;
    min-height: 60px;
}
.tarjeta-container:not(.tarjeta-4) .buttons {
    position: absolute;
    bottom: 0px;
    float: right;
    right: 0px;
}
.tarjeta-4 .buttons {
    bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.fila-botones .btn {
    font-size: 22px !important;
    width: 7rem;
    border: 1px solid #30023d;
}
.fila-botones a {
    font-size: 10px;
}
.bloque-izquierda-1 .buttons {
    text-align: center;
}
.pinaculo-ausencia .button-link, .pinaculo-ausencia .button-link:hover {
    width: 112px;
    height: 32px;
    border-radius: unset;
}
.error-form {
    color: #ff8383;
    font-size: 1.3rem;
    text-align: center;
    margin: auto;
}
.fila-hoy .texto {
    font-size: 4rem !important;
}
.fila-boton {
    position: relative;
    top: 1rem;
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    align-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}
.fila-boton .btn {
    font-size: 1rem;
    width: 8rem;
}
@media (min-width: 600px) {
    .fila-boton .btn {
        font-size: 1rem;
        width: 12rem;
    }
}
.card-buttons a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    font-size: 16px;
    font-weight: 900;
    background: #030241;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 115px;
    height: 40px;
}
.card-buttons .dia {
    position: absolute;
    left: 0;
    width: 30%;
}
.card-buttons .semana {
    position: absolute;
    left: 0;
    right: 0;
    width: 30%;
    margin: 0 auto;
}
.card-buttons .etapa {
    position: absolute;
    right: 0;
    width: 30%;
}
@media (max-width: 435px) {
    .card-buttons a {
      font-size: 10px;
    }
}
@media (max-width: 399px) {
    .tarjeta-container .text, .tarjeta-container h2 {
      font-size: 20px;
    }
    .tarjeta-container .text, .tarjeta-container h4 {
        font-size: 15px;
    }
    .tarjeta-container .content .texto {
        font-size: 60px !important;
    }
    .tarjeta-4 {
        min-height: 312px !important;
    }
    .tarjeta-4  .content p {
        font-size: 15px !important;
    }
    .fila-hoy {
        width: 100%;
    }
    .texto-dia {
        left: -6px !important;
    }
    .texto-semana {
        left: 20px !important;
    }
    .texto-etapa {
        left: 45px !important;
    }
    #card4-1 {
        left: -6px;
    }
    #card4-2 {
        left: 20px;
    }
    #card4-3 {
        left: 45px;
    }
}
@media (max-width: 435px) {
    .tarjeta-container {
        padding: 10px;
        color: white;
        min-height: 312px !important;
        position: relative;
    }
    .tarjeta-container h2 {
        font-size: 2rem;
    }
    .tarjeta-4  .content p {
        font-size: 20px !important;
    }
}
@media (max-width: 1024px) {
    .tarjeta-container {
        padding: 25px;
        color: white;
        min-height: 325px !important;
        position: relative;
    }
}/* End custom CSS */