:root {
    --font-color: #333e48;
    --font-title: #2d2d2d;
    --backtittle: #f7b73e;
    --backbackcontent-rgb: 237, 236, 236;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Estilos generales */
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    line-height: 1.4;
}
h1, h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal; 
  color: inherit;
  margin: 0; 
}
p{
    text-align: justify;
}
section
{
    margin-bottom: 0 !important;
}
/* CSS Header  */
.header-baliza-ugt
{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 30px;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.header-baliza-ugt.is-sticky {
    background: rgba(255,255,255,0.97);
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.07);
    transition: background 0.3s, box-shadow 0.3s;
}
.header-baliza-ugt .column-1, .header-baliza-ugt .column-2, .header-baliza-ugt .column-3
{
    width: 33.33%;
}
.header-baliza-ugt .column-1
{
    text-align: center;
}
.header-baliza-ugt .column-1 img
{
    max-width: 200px;
    height: auto;
    object-fit: cover;
}
.header-baliza-ugt .column-1 .logo-orange
{
    margin-right: 30px;
}
.header-baliza-ugt .column-1 .logo-orange img
{
    max-width: 13%;
}
.header-baliza-ugt .column-2
{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5.5vw;
}
.header-baliza-ugt .column-2 a
{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.header-baliza-ugt .column-2 a.cart-contents
{
    display: flex;
    position: relative;
}
.header-baliza-ugt .column-2 a.cart-contents .ec.ec-shopping-bag
{
    line-height: 1.2;
    font-size: 30px;
    font-weight: 400;
    display: inline-block;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
.header-baliza-ugt .column-2 a.cart-contents .header-cart-count.count
{
    position: absolute;
    color: #ffffff;
    bottom: -3px;
    left: 7px;
    background-color: #35aee4;
    font-size: 11px;
    line-height: 1.75em;
    font-weight: 700;
    width: 1.75em;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
.header-baliza-ugt .column-2 a.cart-contents .woocommerce-Price-amount.amount small
{
    font-size: .6em;
}
.header-baliza-ugt .column-2 a.cart-contents .header-cart-total.amount .woocommerce-Price-amount.amount
{
    font-size: 1.142em;
    font-weight: 700;
}
.header-baliza-ugt .column-2 a:nth-child(3)
{
    background-color: #33ace2;
    color: #ffffff;
    padding: 3px 20px;
    border-radius: 5px;
}
.header-baliza-ugt .column-3 .header-site-branding .header-logo-link
{
    text-align: center;
}
.header-baliza-ugt .column-3 .header-site-branding .header-logo-link img
{
    width: auto !important;
    max-width: 155px !important;
}

.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-left: 10px;
}
.menu-toggle .dashicons {
    font-size: 32px;
    line-height: 1;
}
/* Fin CSS Header */
.ugt-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.defheader {
    width: 100%;
    display: flex;
    background: url('/wp-content/uploads/2025/07/DEF-baliza-emergencia-conectada-v16-fondo.jpg') center center no-repeat;
    background-size: cover;
    justify-content: center;
    gap:11%;
    align-items: center;
    padding: 10dvh 8vw 7dvh 0vw;;
    margin-bottom: 0;
}
.defheader img
{
    max-width: 100%;
}
.defheader .content_header
{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.defheader .content_header h1
{
    font-family: 'Poppins', sans-serif;
    font-size: 90px;
    line-height: 1;
    color: var(--font-title);
    font-weight: 900;
    text-align: right;
    max-width: 37vw;
}
.defheader .content_header > p
{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 60px;
}
.link-buy-baliza
{
    background-color:#33ace2;
    font-size: 24px;
    color:#ffffff;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding: 15px 30px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    width: fit-content;
}
.deftextbox {
    width: 100%;
    text-align: right;
    color: white;
    padding: 20px;
    margin-right: 100px;
    margin-top: 100px;
}

.deftextbox p {
    font-size: 29px;
    margin-top: 0px;
}

.deftextbox img {
    max-width: 500px;
    height: auto;
    padding-bottom: 40px;
    padding-top: 0px;
}

.tituloheader {
    font-size: 60px;
}

.conectada {
    font-weight: 900;
}

.top-right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: auto;
}

.top-right-image img {
    max-width: 100%;
    height: auto;
}

.firstdesc {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 0;
}
.firstdesc .logo-dgt
{
    position: absolute;
    width: 15%;
    bottom: -52px;
    left: 59%;
    transform: translateX(-50%);
    z-index: 2;
}
.firstdesc.invert
{
    flex-direction: row-reverse;
}

.ugt-container .fdcolumn1 {
    width: 63%;
    padding: 8dvh 5vw;
    background-color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fdcolumn1 p
{
    text-align: justify;
}

.fdcolumn1 h2
{
    font-size: 36px;
    color: #2d2d2d;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
}
.fdcolumn1 p.text-yellow
   {
    display: block;
    background-color: #f4e705;
    border-radius: 20px;
    padding:30px;
    width: fit-content;
    margin-top: 40px;
   }
.fdcolumn1 img.img_bullets
{
    margin-bottom: 30px !important;
    margin-top: 16px;
    width: 10%;
}
.fdcolumn1 img {
    width: 100%;
    height: auto;
    max-width: 23%;
    margin-top: 40px;
}
.firstdesc.invert .fdcolumn1 ul
{
    padding-left: 1rem;
    margin-bottom: 8dvh;
}
.firstdesc.invert .fdcolumn1 ul li
{
    margin-bottom: 10px;
}
.firstdesc.invert .fdcolumn1 ul li::marker
{
    color: #33ace2;
}
.firstdesc.invert .fdcolumn1 .link-buy-baliza
{
    font-size: 18px;
}
.fdcolumn2 {
    width: 37.4%;
    height: auto;
    max-height: 813px;
}
.fdcolumn2 img
{
    height: 100%;
    object-fit: cover;
}
.tittlecontentdef {
    color: var(--font-color);
}

.tittlecontentdef span {
    background-color: var(--backtittle);
    padding: 5px 30px;
    font-size: 20px;    
}
.tittlecontentdef strong {
    font-weight: 800;
}


.defcontent {
    font-size: 13px;
    color: var(--font-color);
    padding: 0px 0px 0px 0px;
}

.defcontent img {
    max-width: 100%;
}

.defcontent p {
    text-align: justify;
    color: var(--font-color);
}

.defcontent a {
    color: #33ace2;
    text-decoration: none;
}

.ugt-containerinter {
    width: 100%;
    height: 850px;    
    display: flex;
}

.content-block {
    width: 840px;
    margin: 0 auto;
    display: block;
    max-width: calc(100% - 50px);
}

.content-block-first {
    width: 840px;
    display: block;
    padding: 0 25px;
    max-width: 100%;
}

.intercolumn1 {
    width: 56%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; 
    padding-left: 0px;
    box-sizing: border-box;
    background-color: rgba(var(--backbackcontent-rgb), 0.8);
    height: 100%; 
}

.intercolumn2 {
    width: 44%;
}

.custom-list {
    list-style: none;
    padding-left: 0;
}

.custom-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.custom-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: var(--backtittle);
    border-radius: 50%;
}
.features-baliza
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10dvh 0;
    gap: 55px 0;
}

.features-baliza .column1 , .features-baliza .column-2, .features-baliza .column-3
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9.6vw;
}
.features-baliza .column-3
{
    gap: 10vw;
}
section.offer-def
{
    display: flex;
    background-color: #f7f7f7;
    min-height: 500px;
    justify-content: center;
    .logo{
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            max-width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .content
    {
        width: 60%;
        padding: 12dvh 8vw;
        h2
        {
            font-size: 36px;
            font-family: 'Poppins', sans-serif;
            color: #2d2d2d;
            font-weight: 500;
        }
        .img_bullets
        {
            margin-bottom: 35px !important;
            margin-top: 16px;
            width: 10%;
        }
    }
}
.ugt-container .buy-baliza
{
    padding-block: 6dvh 9dvh;
    background: url('/wp-content/uploads/2025/07/DEF-baliza-emergencia-conectada-v16-fondo.jpg') center center no-repeat;
}
.ugt-container .buy-baliza h2
{
    margin-bottom: 0px;
    font-size:32px ;
    text-align: center;
}
.ugt-container .buy-baliza .content-text-buy
{
    width: fit-content;
    margin-inline: calc(100% - 73.8%);
    margin-top: 30px;
}
.ugt-container .buy-baliza .content-text-buy p
{
    font-size: 16px;
}
.ugt-container .buy-baliza .content-buy-baliza
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 60px;
}
.ugt-container .buy-baliza .content-buy-baliza > small
{
    display: none;
}
.ugt-container .buy-baliza figure
{
    max-width: 40%;
}
.ugt-container .buy-baliza figure img
{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy
{
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 44px;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 59px 33px;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .description-price-baliza
{
    display: flex;
    gap: 40px;
    justify-content: start;
    align-items: center;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .description-price-baliza h2
{
    margin-bottom: 10px;
    text-align: start;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .description-price-baliza .description
{
    font-size: 16px;   
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza
{
    color: #333e48;
    border-radius: 4px;
    margin-bottom: 0 ;
    width: fit-content;
    position: relative;

}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza .int_price
{
    font-size: 40px;
    font-weight: 900;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza .int_price small
{
     font-size: 12px;
    font-weight: 400;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza .int_price .decimal_price
{
    font-size: 18px;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza-discount
{
    color: #333e48;
    font-weight: 500;
    margin-bottom: 0 ;
    width: fit-content;
    position: relative;
    line-height: 1.2;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .price-baliza-discount-landing-def bdi::before
{
    content: "IVA Incluído";
    position: absolute;
    font-size: 9px;
    bottom: 4px;
    left: 21px;
    width: 100%;
    font-weight: 400;
}
.ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .description-price-baliza .price-baliza-discount small
{
    font-size: 13px;
    color:#333E48;
    font-weight: 400;
}
.ugt-container .buy-baliza .content-buy-baliza .logos-formas-payment
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
}
.ugt-container .buy-baliza .content-buy-baliza .logos-formas-payment p
{
    text-align: center;
    font-size: 18px;
}
.buy-baliza-inputs
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    margin-top: 20px;
}
.form-baliza-discount .input-img 
{
    display: flex;
    justify-content: start;
    margin-top: 30px;
    margin-bottom: 20px;
    gap: 23px;
    position: relative;
}
.form-baliza-discount .input-img .coupon-name
{
    border: none !important;
    border-bottom: 1px solid #000 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding:0 !important;
    padding-left: 10px !important;
    width: 50% !important;
    margin-bottom: 44px ;
}
.form-baliza-discount .input-img img
{
    width: 30%;
    height: auto;
    position: absolute;
    bottom: -9%;
    right: 16%;
    transform: translateY(-50%);
}
.form-baliza-discount .footer-form
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.form-baliza-discount .single_add_to_cart_button.button.alt
{
    background-color: #33ace2;
    border-radius: 6px;
    color: #f2f2f2;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 34px;
    border-width: 0;
}
.qty-input {
	color:#333E48;
	background: #ffffff;
	display: flex;
	align-items: center;
	overflow: hidden;
	border:1px solid #ddd;
	border-radius: 8px;
	width:fit-content;
}

.qty-input .product-qty,
.qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: 400;
	font-size: 20px;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
}

.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
	outline: none;
}

.qty-input .product-qty {
	width: 70px;
	padding:0;
	color:#333E48 !important;
	min-width: 0;
	display: inline-block;
	text-align: center;
	appearance: textfield;
	padding:0 !important;
}

.qty-input .product-qty::-webkit-outer-spin-button,
.qty-input .product-qty::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

.qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 40px;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
}

.qty-input .qty-count:before, 
.qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #ffffff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.qty-input .qty-count--minus {
	border:none;
}

.qty-input .qty-count--add {
	border:none;
}

.qty-input .qty-count--add:after {
	transform: rotate(90deg);
}

.qty-input .qty-count:disabled {
	color: #444444;
	background: #f2f2f2;
	cursor: not-allowed;
	border-color: transparent;
}

.qty-input .qty-count:disabled:before,
.qty-input .qty-count:disabled:after {
	background: #ccc;
}

.footer-baliza
{
    background-color: #2d2d2d;
    color: #ffffff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 25px 0;
    margin-bottom: 0;
}
.footer-baliza p
{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 0;
}
.footer-baliza img
{
    max-width: 5%;
    height: auto;
}
.footer-baliza a 
{
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .defheader {
        height: auto;
    }

    .deftextbox {
        padding: 40px 20px;
    }

    .deftextbox .tituloheader h1 {
        font-size: 48px;
    }

    .deftextbox h2 p {
        font-size: 24px;
    }
    .ugt-container .buy-baliza .content-text-buy
    {
        margin-inline: 12%;
        margin-bottom: 90px;
    
    }
}

@media (max-width: 991px) {
    .deftextbox img {
        max-width: 400px;
        padding-bottom: 20px;
    }

    .deftextbox .tituloheader h1 {
        font-size: 44px;
    }

    .deftextbox h2 p {
        font-size: 22px;
    }
    .header-baliza-ugt
    {
        padding: 3dvh 5vw 3dvh 5vw;
        justify-content: space-evenly;
        gap: 3rem;
    }
    .header-baliza-ugt .column-1
    {
        width: 40%;
        order: 1;
    }

    .header-baliza-ugt .menu-toggle {order: 3;}
    .header-baliza-ugt .column-3{width: 30%; order: 2;}

    .header-baliza-ugt .column-2.nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100vw;
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        box-shadow: 0 2px 16px 0 rgba(0,0,0,0.07);
        z-index: 999;
        padding: 20px 30px;
        gap: 20px;
    }
    .header-baliza-ugt .column-2.nav-links.active {
        display: flex;
    }
    .menu-toggle {
        display: flex;
    }
    .img-header-logo
    {
        filter: none !important;
    }
    .header-baliza-ugt .column-1
    {
        text-align: left;
        display: flex;
        gap: 13px;
        align-items: center;
    }
    .header-baliza-ugt .column-1 .logo-orange
    {
        width: fit-content;
        margin-right: 0;
    }
    .header-baliza-ugt .column-1 .logo-orange img
    {
        max-width: 100%;
    }
    .header-baliza-ugt .column-1 img
    {
        max-width: 100%;
    }
    .header-baliza-ugt button
    {
        margin-left: 0;
        position: relative;
    }
    .header-baliza-ugt button .dashicons.dashicons-menu::before
    {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (max-width: 767px) {
    .header-baliza-ugt .column-3 .header-site-branding .header-logo-link img
    {
        max-width: 100px !important;
    }
    .defheader {
        flex-direction: column;
        align-items: center;
        padding: 7dvh 5vw 7dvh 5vw;
        gap:20px;
    }
    .defheader .content_header
    {
        align-items: start;
    }
    .defheader .content_header h1
    {
        font-size: 36px;
        text-align: left;
        max-width: 100%;
    }
    .defheader .content_header > p
    {
        margin-bottom: 30px;
    }
    .link-buy-baliza
    {
        font-size: 18px;
        padding: 11px 30px;
    }
   .firstdesc
   {
    flex-direction: column-reverse;
   }

   .firstdesc .logo-dgt
   {
    width: 27% ;
    bottom: -4% ;
    right: 0 ;
   }
   .ugt-container .fdcolumn1
   {
    width: 100%;
    padding: 5dvh 5vw;
   }
   .ugt-container .fdcolumn1 h2
   {
    font-size: 24px;
    text-wrap: balance;
   }
   .ugt-container .fdcolumn1 img.img_bullets
   {
    margin-bottom: 40px !important;
    width: 33%;
   }
   .ugt-container .fdcolumn1 img
   {
    max-width: 100%;
   }
   .fdcolumn2
   {
    width: 100%;
   }
   .firstdesc.invert
   {
    flex-direction: column-reverse;
   }
   section.offer-def
   {
    flex-direction: column;
    padding-top: 0dvh;
   }
   section.offer-def .logo
   {
    width: 100%;
    text-align: center;
   }
   section.offer-def .logo img
   {
    max-width: 100%;
    height: auto;
    object-fit: cover;
   }

   section.offer-def .content
   {
    width: 100%;
    padding: 7dvh 5vw;
   }
    section.offer-def .content h2
    {
        font-size: 24px;
    }
    .features-baliza .column1, .features-baliza .column-2, .features-baliza .column-3
    {
        gap: 4.6vw;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: center;
    }
    .features-baliza
    {
        padding: 5dvh 0vw;
    }
    section.offer-def .content .img_bullets
    {
        margin-bottom: 20px !important;
        width: 33%;
    }
    .ugt-container .buy-baliza h2
    {
        font-size: 24px;
        text-wrap: balance;
    }
    .ugt-container .buy-baliza .content-text-buy
    {
        margin-inline:4% ;
    }
    .ugt-container .buy-baliza figure
    {
        max-width: 80%;
        margin-bottom: 30px;
    }
    .ugt-container .buy-baliza .content-buy-baliza
    {
        flex-direction: column;
    }
    .form-baliza-discount .footer-form
    {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .form-baliza-discount .single_add_to_cart_button.button.alt
    {
        position: relative !important;
        bottom: 0;
        z-index: 2;
    }
     .form-baliza-discount .qty-input .product-qty
     {
        width: 71%;
     }
     .countdown-container
     {
        padding: 50px 0 !important;
     }
     .countdown-box:first-child
     {
        margin-right: 15px !important;
     }
     .countdown-separator
     {
        font-size:40px !important;
        margin: 0 2px !important;
     }
     .footer-baliza
     {
        flex-direction: column;
        padding: 25px 5vw;
        gap:25px;
     }
     .footer-baliza img
     {
        max-width: 28%;
     }
     .ugt-container .buy-baliza .content-buy-baliza .form-buy .content-form-buy .description-price-baliza
     {
        flex-direction: column;
        gap: 10px;
     }
}