/* strip container and cards */
.strip_003_strip_outer_container {
    display: flex;
    align-items: center;
    height: 30dvw; /* Height of the container */
    width: 100dvw; /* Full viewport width */
    overflow: hidden; /* Prevents overflow */
}

.strip_003_strip_card {
    display: flex;
    height: 100%; /* Full height of the container */
    width: 33.33dvw; /* Each card occupies 1/3 of the container width */
    gap: 0dvw; /* No gap between elements */
    overflow: hidden; /* Prevents overflow */
    padding: 0dvw 3.33dvw 0dvw 0dvw; /* Padding to the right */
    font-family: f1l;
    background: var(--c8); /* Background color from variable */
    box-shadow: .5dvw 0dvw 1dvw rgba(0, 0, 0, .2); /* Box shadow */
    transition: all ease 100ms; /* Smooth transition for hover effect */
}

.strip_003_strip_card:hover {
    transform: scale(1.025); /* Slightly scale up on hover */
}

/* Layering for cards */
.strip_003_strip_card_1 {
    z-index: 1800; /* Top card */
}

.strip_003_strip_card_2 {
    z-index: 1500; /* Middle card */
}

.strip_003_strip_card_3 {
    z-index: 1000; /* Bottom card */
}

/* Image container inside the card */
.strip_003_strip_image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Full height */
    width: 15dvw; /* Fixed width for the image container */
    overflow: hidden; /* Prevents overflow */
    z-index: 0; /* Ensure image stays at the bottom */
}

/* Card information container */
.strip_003_strip_card_information_container {
    display: flex;
    flex-direction: column;
    gap: 0.2dvw;
    padding: 2dvw 2dvw 1.5dvw 2dvw; /* Padding around the content */
    height: 100%; /* Full height */
    width: 15dvw; /* Fixed width for the info section */
    overflow: hidden; /* Prevent overflow */
    z-index: 0; /* Keep it behind other elements */
    box-shadow: .0dvw 0dvw 1dvw .5dvw rgba(0, 0, 0, .2); /* Soft shadow */
    letter-spacing: .1dvw; /* Slight letter spacing */
    background: rgb(238, 140, 107);
}

.strip_003_strip_card_information_container_title {
    font-size: 1.25dvw;
    margin-bottom: 0.25dvw;
}

.strip_003_strip_card_information_container_message {
    margin-top: .5dvw; /* Top margin */
    font-size: .85dvw !important; /* Message font size */
    line-height: 1.25dvw; /* Line height */
    color: black; /* Text color from variable */
    font-family: f1r;
    font-weight: bold;
}

.strip_003_strip_card_information_container_message_2 {
    margin-top: auto; /* Push this message to the bottom */
    font-size: .65dvw; /* Smaller font size */
    color: black; /* Text color from variable */
    font-family: f1r;
    font-weight: bold;
}

.strip_003_strip_card_information_container_message_3 {
    margin-top: 0.25dvw; /* Reducir el espacio superior */
    font-size: .65dvw; /* Smaller font size */
    line-height: 1dvw; /* Reducir el line height */
    color: black; /* Text color from variable */
    font-family: f1r;
    font-weight: bold;
}

.strip_003_strip_card_information_container > h3 {
    margin-bottom: 0.25dvw; /* Reducir el espacio debajo del título */
    font-size: 1.25dvw; /* Title font size */
}

/* Estilos para el enlace de correo electrónico */
.strip_003_strip_card_information_container > a.email-link {
    display: inline-block;
    font-size: .55dvw; /* Reducido de .65dvw a .55dvw */
    color: #007bff;
    text-decoration: none;
    font-family: f1r;
    font-weight: bold;
    margin-top: .5dvw;
    transition: color 0.3s;
}

.strip_003_strip_card_information_container > a.email-link:hover {
    color: #0056b3; /* Cambia el color al pasar el cursor */
    text-decoration: underline; /* Subrayado al pasar el cursor */
}

/* Estilos para el botón de acción */
.strip_003_strip_card_information_container > a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    letter-spacing: .1dvw;
    font-family: f1b;
    cursor: pointer; 
    text-decoration: none;
    letter-spacing: .2dvw;
    border-radius: 8px;
    color: var(--c1); /* Text color */
    background: #397266;
    width: 100%; /* Full width */
    height: 2.75dvw; /* Height of the button */
    transition: background 0.3s;
}

.strip_003_strip_card_information_container:hover > a {
    background: #444; /* Efecto al pasar el cursor */
}

/* Media queries for responsive design */
@media only screen and (max-width: 950px) and (min-width: 451px) {
    /* Adjust styles for medium screens (tablets) */
}

@media only screen and (max-width: 450px) {
    /* Adjust styles for small screens (phones) */
}