.tecnoparque-ribbon {
    background-color: #002a66; /* Fondo azul por defecto */
    color: white;
    z-index: 2;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 5px;
    
    /* Propiedades clave para el corte de cinta */
    -webkit-clip-path: polygon(
        var(--corner-size) 0%,
        100% 0%,
        100% 50%,
        calc(100% - var(--corner-size)) 100%,
        0% 100%,
        0% 50%
    );
    clip-path: polygon(
        var(--corner-size) 0%,
        100% 0%,
        100% 50%,
        calc(100% - var(--corner-size)) 100%,
        0% 100%,
        0% 50%
    );
    position: relative; 
    overflow: hidden; 
}

/* --- NUEVO MODELO CON IMAGEN 1 --- */
.tecnoparque-ribbon.tecnoparque-ribbon-img1 {
    background-color: transparent; 
    background-image: url('/wp-content/uploads/2025/12/Tecnoparque-Barras-Azules-01.svg'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .tecnoparque-ribbon.tecnoparque-ribbon-img1 {
  	background-image: url('/wp-content/uploads/2025/12/Sin-titulo-3-02.svg'); 
  }
}

/* --- NUEVO MODELO CON IMAGEN 2 --- */
.tecnoparque-ribbon.tecnoparque-ribbon-img2 {
    background-color: transparent; 
    background-image: url('/wp-content/uploads/2025/12/Tecnoparque-Barras-Azules-02.svg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .tecnoparque-ribbon.tecnoparque-ribbon-img2 {
  	background-image: url('/wp-content/uploads/2025/12/Sin-titulo-3-01.svg'); 
  }
}

/* * Opcional: Si la imagen es muy clara y el texto blanco no se ve, 
* puedes añadir un fondo semitransparente DENTRO del banner 
* para mejorar la legibilidad del texto.
*/
.tecnoparque-ribbon-img1::before, 
.tecnoparque-ribbon-img2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; 
    -webkit-clip-path: inherit;
    clip-path: inherit;
}

/* Aseguramos que el título y subtítulo se mantengan visibles sobre la imagen */
.tecnoparque-title, .tecnoparque-subtitle {
    position: relative;
    z-index: 10;
}


.slick-slide div,  .slick-slide {
	height: 100% !important;
}

.slick-slide div article {
    background: transparent !important;
	height: 100% !important;
	overflow: initial !important;
}

a.menu-link {
    line-height: 110% !important;
}

.tecnoparque-title {
  	font-size: clamp(0.8em, 5vw, 1.5em);
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    letter-spacing: 1px;
	color: white;
}

.tecnoparque-subtitle {
    font-size: clamp(0.2em, 3vw, 1em);
    margin-top: 5px;
	margin-bottom: 0px !important;
    font-weight: 300 !important;
    opacity: 0.9;
	color: white;
}

.uagb-faq-content a[href$=".mp4"] {
    margin-right: 9%;
}

.uagb-faq-content a[href$=".mp4"], .uagb-faq-content a[href^="https://api.whatsapp.com/send"] {
    background: #042a61;
    -webkit-clip-path: polygon(
    40px 0%, 
    100% 0%, 
    100% 50%, 
    calc(100% - 40px) 100%, 
    0% 100%, 
    0% 50%
  );
    clip-path: polygon(
    40px 0%, 
    100% 0%, 
    100% 50%, 
    calc(100% - 40px) 100%, 
    0% 100%, 
    0% 50%
  );
    width: 45%;
    color: white;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    padding: 10px 5px;
	margin-top: 20px;
	margin-bottom:  20px;
}

@media (max-width: 768px) { 
.uagb-faq-content a[href$=".mp4"], .uagb-faq-content a[href^="https://api.whatsapp.com/send"] {
  	width: 100%;
    padding: 10px;
  }
}

.uagb-faq-content a[href$=".mp4"]::before {
  content: "";
  display: inline-block;
  width: 30px; 
  height: 30px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 16l4-5h-3V4h-2v7H8l4 5zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
  
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.uagb-faq-content a[href^="https://api.whatsapp.com/send"]::before {
  content: "";
  display: inline-block;
  width: 30px; 
  height: 30px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M20.52 3.48A11.78 11.78 0 0012.07 0C5.44 0 .07 5.37.07 12c0 2.12.56 4.18 1.63 6.02L0 24l6.18-1.62a11.93 11.93 0 005.89 1.52h.01c6.63 0 12-5.37 12-12 0-3.19-1.24-6.19-3.48-8.42zM12.08 22c-1.9 0-3.76-.5-5.38-1.46l-.39-.23-3.67.96.98-3.58-.25-.37A9.92 9.92 0 012.08 12c0-5.47 4.53-9.93 10.01-9.93 2.67 0 5.17 1.04 7.05 2.92a9.94 9.94 0 012.92 7.01c0 5.47-4.53 9.93-10 9.93zm5.47-7.47c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.29-.77.96-.94 1.15-.17.19-.35.21-.65.06-.3-.15-1.27-.47-2.42-1.49-.9-.8-1.5-1.79-1.67-2.09-.17-.29-.02-.45.13-.6.13-.13.3-.35.45-.52.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37s-1.04 1.02-1.04 2.49 1.07 2.88 1.22 3.08c.15.19 2.1 3.2 5.1 4.48.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.77-.72 2.02-1.41.25-.7.25-1.29.17-1.41-.07-.11-.27-.18-.57-.33z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.forminator-row-last .forminator-field {
    width: fit-content;
    background: #93d400;
    padding: 2px 9px!important;
    -webkit-clip-path: polygon(
    20px 0%, 
    100% 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    0% 50%
  );
    clip-path: polygon(
    20px 0%, 
    100% 0%, 
    100% 50%, 
    calc(100% - 20px) 100%, 
    0% 100%, 
    0% 50%
  );
    margin: auto !important;
}

label {
    color: white !important;
    font-weight: 300 !important;
    font-size: 100% !important;
}

.clip_tecno {
    -webkit-clip-path: polygon(
     10% 0%, 
    100% 0%, 
    100% 75%, 
    90% 100%, 
    0% 100%, 
    0% 25%
  );
    clip-path: polygon(
    10% 0%, 
    100% 0%, 
    100% 75%, 
    90% 100%, 
    0% 100%, 
    0% 25%
  );
}

.hotspots-placeholder {
    -webkit-clip-path: polygon(
     10% 0%, 
    100% 0%, 
    100% 90%, 
    90% 100%, 
    0% 100%, 
    0% 10%
  );
    clip-path: polygon(
    10% 0%, 
    100% 0%, 
    100% 90%, 
    90% 100%, 
    0% 100%, 
    0% 10%
  );
}

.hotspots-placeholder::before {
    content: '';
    background: #042a61;
    width: 94%;
    z-index: 0;
    display: block;
    height: 97%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-clip-path: polygon(
     10% 0%, 
    100% 0%, 
    100% 90%, 
    90% 100%, 
    0% 100%, 
    0% 10%
  );
    clip-path: polygon(
    10% 0%, 
    100% 0%, 
    100% 90%, 
    90% 100%, 
    0% 100%, 
    0% 10%
  );
}

.hotspot-initial.visible, .hotspots-placeholder>div.visible {
    z-index: 2;
    position: relative !important;
	padding: 20px;
}

.hotspot-thumb {
    text-align: center;
    width: 50%;
    margin-bottom: 20px;
}