@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mx.latiendadelsoftware.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.5") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-image: none;
	background-size:inherit;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:400;
--wd-header-el-transform:inherit;
--wd-header-el-font-size:14px;
}
:root{
--wd-primary-color:rgb(38,166,91);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(38,166,91);
}
:root{
--btn-accented-bgcolor-hover:rgb(38,166,91);
}
:root{
--notices-success-bg:rgb(38,166,91);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-accented-color: #333;
		
					--btn-accented-color-hover: #333;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
									--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
				--btn-accented-box-shadow-active: none;
				--btn-accented-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1570px;
			}
		}

		.container {
			max-width: 1600px;
		}

		:root{
			--wd-container-w: 1600px;
		}
	
			@media (min-width: 1617px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1600px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
	body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {

							
									--wd-form-placeholder-color: rgb(38,166,91);
					
							
									--wd-form-brd-color-focus: rgb(38,166,91);
					
								}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    
    }

        .footer {
            
            width: 100%;
            margin: 0 auto;
            background-color: #ffffff;
            padding: 10px 0;
            text-align: center;
           
            
        }

        .footer-links {     
            
              width: 20%;
              padding: 0 15px;
              
             
              }

             

          .container {
              
              max-width: 1800px;
              margin:2px auto;
              
              
             
          }

          .footer-row {
            display: flex;  
            flex-wrap: wrap;
            padding: 10px 0;
            
              
          }
    
          .footer-links h6 {
              font-size: 14px;
              color: rgb(38,166,91);
              margin-bottom: 25px;
              font-weight: 500;
              border-bottom: 2px solid rgb(22, 116, 224);
              padding-bottom: 10px;
						  text-align: left;
              display:block;
             
             
          }

          .footer-links ul li a {
              font-size: 14px;
              text-decoration: none;
              color:black;
              display: block;
              margin-bottom: 10px;
              text-align: left;
              transition: all 300ms ease;
              
          }

          .footer-links a:hover{
            color: rgb(38,166,91);

        }

          .copyright {
              margin: 0px;
              text-align: center;
              padding: 20px;
              background-color: #1f1f1f;
              margin-right: 0;
              color: #ffffff
          }

          .social-link a {
              display: inline-block;
              min-height: 40px;
              width: 40px;
              background-color: black;
              color:rgb(38,166,91);
              margin: 0 10px 10px 0;
              text-align:center ;
              line-height: 40px;
              border-radius: 50%;
              transition: all .5s ease;
          }
@media screen and (max-width:992px) {
          .footer, .copyright{
                
                width: 100%;
                padding: 10px 0;
                display: grid;
                
            }  
              
          }

  @media screen and (max-width:767px) {
             .footer-links {
                
                width: 100%;
                margin-bottom: 10px;
                display: grid;
                
            }  
              
          }          
            
          
*****Stylos acordeon**** 

    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Raleway', sans-serif;
    }


    .contenedor-acordeon{
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        margin-top: 20px;
    }

		.acordeon label{
        display: block;
        padding: 20px;
        font-size: 20px;
        background: #d1d1d1;
        color: black;
        cursor: pointer;
				
			  margin-bottom:2px;
        transition: all 300ms ease;
       }
    
    .contenedor-acordeon h3{
        text-align: center;
        font-size: 25px;
			  font-family:bold
        margin-bottom: 15px;
    }

    .acordeon{
        background-color: #ffff;
    }
   
    


    .acordeon label:hover{
        background: #26a65b;
    }
    .acordeon .contenido-acordeon{
        padding: 0px;
        margin: 0px 20px;
        max-height: 0px;
        overflow: hidden;
        transition: all 300ms ease;
			 
    }
    .btn-acordeon:checked ~ .contenido-acordeon{
        max-height: 600px;
        padding: 15px 0px;
    }

    .btn-acordeon{
        display:none;
    }

   @media screen and (max-width:900px) {
        .contenedor-acordeon{
            width: 100%;
        } 
    }
 
    *****END Stylos acordeon****

/*
============================================================
MX PREMIUM PRODUCT FRAMEWORK
La Tienda del Software MX
Versión 2.1 — WooCommerce + Woodmart
Prefijo: mx-pf

IMPORTANTE:
Pegar este CSS en el CSS global de Woodmart / WordPress.
El HTML del producto NO debe incluir <html>, <head>, <body>
ni una etiqueta <link>.
============================================================
*/

/* ==========================================================
   01. CONTENEDOR PRINCIPAL
   ========================================================== */

.mx-pf,
.mx-pf * {
    box-sizing: border-box;
}

.mx-pf {
    --mx-primary: #2563eb;
    --mx-primary-dark: #1d4ed8;
    --mx-primary-light: #eff6ff;
    --mx-heading: #111827;
    --mx-text: #334155;
    --mx-muted: #64748b;
    --mx-white: #ffffff;
    --mx-bg: #f8fafc;
    --mx-border: #e2e8f0;
    --mx-success: #16a34a;
    --mx-success-bg: #f0fdf4;
    --mx-warning: #d97706;
    --mx-warning-bg: #fffbeb;
    --mx-radius: 14px;
    --mx-radius-lg: 18px;
    --mx-radius-xl: 22px;
    --mx-shadow: 0 6px 22px rgba(15,23,42,.06);

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--mx-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

.mx-pf p,
.mx-pf h1,
.mx-pf h2,
.mx-pf h3,
.mx-pf h4,
.mx-pf ul,
.mx-pf ol,
.mx-pf li,
.mx-pf figure {
    max-width: none !important;
}

.mx-pf p {
    margin-top: 0 !important;
}

.mx-pf strong {
    color: var(--mx-heading) !important;
    font-weight: 700 !important;
}

/* ==========================================================
   02. HERO
   ========================================================== */

.mx-pf-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 28px !important;
    padding: 42px 48px !important;

    background: linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#eff6ff 100%) !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius-xl) !important;
    box-shadow: var(--mx-shadow) !important;
}

.mx-pf-hero-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 12px !important;

    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 999px !important;

    color: #1d4ed8 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.mx-pf-badge-success {
    background: var(--mx-success-bg) !important;
    border-color: #bbf7d0 !important;
    color: var(--mx-success) !important;
}

.mx-pf-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 12px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -.5px !important;
}

.mx-pf-hero-subtitle {
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--mx-muted) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* ==========================================================
   03. SECCIONES
   ========================================================== */

.mx-pf-section {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.mx-pf-section-inner {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 38px !important;

    background: #fff !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius-lg) !important;
    box-shadow: var(--mx-shadow) !important;
}

.mx-pf-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 27px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: -.25px !important;
}

.mx-pf-section-subtitle {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: var(--mx-muted) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.mx-pf-heading-line {
    width: 40px !important;
    height: 4px !important;
    margin: 12px 0 20px !important;
    padding: 0 !important;

    background: var(--mx-primary) !important;
    border-radius: 999px !important;
}

.mx-pf-text {
    width: 100% !important;
    margin: 0 0 15px !important;
    padding: 0 !important;

    color: var(--mx-text) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.mx-pf-mb-0 {
    margin-bottom: 0 !important;
}

/* ==========================================================
   04. GRIDS
   ========================================================== */

.mx-pf-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-grid-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

.mx-pf-grid-4 {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

/* ==========================================================
   05. TARJETAS
   ========================================================== */

.mx-pf-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 23px !important;

    background: #fff !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.04) !important;
}

.mx-pf-card-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.mx-pf-card-text {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: var(--mx-muted) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* ==========================================================
   06. INFORMACIÓN DE LICENCIA
   ========================================================== */

.mx-pf-license {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    background: #fff !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius-lg) !important;
    box-shadow: var(--mx-shadow) !important;
}

.mx-pf-license-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 23px 28px !important;

    background: var(--mx-bg) !important;
    border-bottom: 1px solid var(--mx-border) !important;
}

.mx-pf-license-title {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--mx-heading) !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.mx-pf-license-subtitle {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mx-muted) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.mx-pf-license-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-license-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 19px 24px !important;

    border-bottom: 1px solid var(--mx-border) !important;
}

.mx-pf-license-item:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}

.mx-pf-license-label,
.mx-pf-compatibility-label {
    color: var(--mx-muted) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}

.mx-pf-license-value,
.mx-pf-compatibility-value {
    color: var(--mx-heading) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

/* ==========================================================
   07. COMPATIBILIDAD
   ========================================================== */

.mx-pf-compatibility {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

.mx-pf-compatibility-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px !important;

    background: var(--mx-bg) !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
}

/* ==========================================================
   08. CHECKLIST
   ========================================================== */

.mx-pf-checklist {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mx-pf-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: var(--mx-text) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.mx-pf-check:last-child {
    margin-bottom: 0 !important;
}

.mx-pf-check-icon {
    flex: 0 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;
    margin-top: 2px !important;

    background: var(--mx-success-bg) !important;
    border-radius: 50% !important;

    color: var(--mx-success) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* ==========================================================
   09. AVISOS
   ========================================================== */

.mx-pf-notice {
    width: 100% !important;
    margin: 0 !important;
    padding: 26px 30px !important;

    background: var(--mx-primary-light) !important;
    border: 1px solid #dbeafe !important;
    border-radius: var(--mx-radius-lg) !important;
}

.mx-pf-notice-warning {
    background: var(--mx-warning-bg) !important;
    border-color: #fde68a !important;
}

.mx-pf-notice-title {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.mx-pf-notice-text {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--mx-text) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* ==========================================================
   10. PASOS
   ========================================================== */

.mx-pf-steps {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-step {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px !important;

    background: #fff !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.04) !important;
}

.mx-pf-step-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;
    margin: 0 0 14px !important;

    background: var(--mx-primary) !important;
    border-radius: 50% !important;

    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.mx-pf-step-title {
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.mx-pf-step-text {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--mx-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* ==========================================================
   11. FAQ
   ========================================================== */

.mx-pf-faq {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-faq-item {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid var(--mx-border) !important;
    border-radius: var(--mx-radius) !important;
    overflow: hidden !important;
}

.mx-pf-faq-item:last-child {
    margin-bottom: 0 !important;
}

.mx-pf-faq-question {
    position: relative !important;
    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 17px 50px 17px 18px !important;

    cursor: pointer !important;
    list-style: none !important;

    color: var(--mx-heading) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

.mx-pf-faq-question::-webkit-details-marker {
    display: none !important;
}

.mx-pf-faq-question::after {
    content: "+" !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;

    color: var(--mx-primary) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}

.mx-pf-faq-item[open] .mx-pf-faq-question::after {
    content: "−" !important;
}

.mx-pf-faq-answer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 50px 18px 18px !important;

    color: var(--mx-muted) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.mx-pf-faq-answer p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* ==========================================================
   12. CTA
   ========================================================== */

.mx-pf-cta {
    width: 100% !important;
    margin: 0 !important;
    padding: 34px 38px !important;

    background: linear-gradient(135deg,#eff6ff,#f8fbff) !important;
    border: 1px solid #dbeafe !important;
    border-radius: var(--mx-radius-lg) !important;
    text-align: center !important;
}

.mx-pf-cta-title {
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: var(--mx-heading) !important;
    font-size: 25px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.mx-pf-cta-text {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: var(--mx-muted) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* ==========================================================
   13. TABLAS — BASE REUTILIZABLE
   ========================================================== */

.mx-pf-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mx-pf-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
}

.mx-pf-table th,
.mx-pf-table td {
    padding: 13px 15px !important;
    border: 1px solid var(--mx-border) !important;
    text-align: left !important;
    vertical-align: top !important;
}

.mx-pf-table th {
    background: var(--mx-bg) !important;
    color: var(--mx-heading) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.mx-pf-table td {
    color: var(--mx-text) !important;
    font-size: 14px !important;
}

/* ==========================================================
   14. CONTROL EXTRA SOBRE WOODMART
   ========================================================== */

.single-product .woocommerce-Tabs-panel .mx-pf,
.single-product .woocommerce-Tabs-panel .mx-pf > *,
.single-product .woocommerce-Tabs-panel .mx-pf .mx-pf-section,
.single-product .woocommerce-Tabs-panel .mx-pf .mx-pf-hero {
    max-width: none !important;
}

.single-product .woocommerce-Tabs-panel .mx-pf p,
.single-product .woocommerce-Tabs-panel .mx-pf h1,
.single-product .woocommerce-Tabs-panel .mx-pf h2,
.single-product .woocommerce-Tabs-panel .mx-pf h3,
.single-product .woocommerce-Tabs-panel .mx-pf ul,
.single-product .woocommerce-Tabs-panel .mx-pf li {
    float: none !important;
}

.single-product .woocommerce-Tabs-panel .mx-pf h1,
.single-product .woocommerce-Tabs-panel .mx-pf h2,
.single-product .woocommerce-Tabs-panel .mx-pf h3 {
    clear: none !important;
}

/* ==========================================================
   15. RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {
    .mx-pf-hero {
        padding: 34px 30px !important;
    }

    .mx-pf-section-inner {
        padding: 30px !important;
    }

    .mx-pf-grid-4,
    .mx-pf-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .mx-pf-compatibility {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 767px) {
    .mx-pf-hero {
        margin-bottom: 20px !important;
        padding: 28px 22px !important;
        border-radius: 16px !important;
    }

    .mx-pf-hero-title {
        font-size: 28px !important;
    }

    .mx-pf-hero-subtitle {
        font-size: 15px !important;
    }

    .mx-pf-section {
        margin-bottom: 20px !important;
    }

    .mx-pf-section-inner {
        padding: 25px 20px !important;
        border-radius: 14px !important;
    }

    .mx-pf-section-title {
        font-size: 23px !important;
    }

    .mx-pf-grid,
    .mx-pf-grid-2,
    .mx-pf-grid-4,
    .mx-pf-license-grid,
    .mx-pf-compatibility,
    .mx-pf-steps {
        grid-template-columns: 1fr !important;
    }

    .mx-pf-license-item {
        border-bottom: 1px solid var(--mx-border) !important;
    }

    .mx-pf-license-item:last-child {
        border-bottom: 0 !important;
    }

    .mx-pf-notice,
    .mx-pf-cta {
        padding: 24px 20px !important;
    }

    .mx-pf-cta-title {
        font-size: 22px !important;
    }
}