/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.4.1782850601
Updated: 2026-06-30 22:16:41

*/

/* ===================================================
   MOBILFÀCIL UI
   by Ury
=================================================== */



/* ==================================================
   MOBILFÀCIL UI v1.0
   Pensat per gent gran, mòbil i màxima llegibilitat
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap');

:root{
    --primary:#306090;
    --primary-hover:#25507A;
    --accent:#F4A261;
    --accent-hover:#E8903D;
    --success:#52B788;
    --danger:#E76F51;
    --text:#48566A;
    --text-light:#718096;
    --title:#306090;
    --bg:#FFFFFF;
    --bg-soft:#F8FAFC;
    --border:#E2E8F0;
    --shadow:0 8px 28px rgba(0,0,0,.06);
    --shadow-hover:0 14px 40px rgba(0,0,0,.10);
    --radius:20px;
    --radius-small:14px;
    --font-title:'Poppins',sans-serif;
    --font-body:'Nunito Sans',sans-serif;
}

/* BASE */

html{
    scroll-behavior:smooth;
}

body{
    font-family:var(--font-body) !important;
    font-size:20px !important;
    line-height:1.75 !important;
    color:var(--text) !important;
    background:var(--bg) !important;
    -webkit-font-smoothing:antialiased;
}

/* TEXTOS */

p,
li,
td,
th,
label,
span,
blockquote{
    font-family:var(--font-body) !important;
    font-size:20px !important;
    line-height:1.75 !important;
    color:var(--text);
}

p{
    margin-bottom:24px;
}

strong,
b{
    color:var(--primary);
    font-weight:800;
}

small{
    font-size:17px !important;
    line-height:1.5;
    color:var(--text-light);
}

/* TÍTOLS */

h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
    font-family:var(--font-title) !important;
    color:var(--title) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    margin-bottom:20px;
}

h1{font-size:54px !important;}
h2{font-size:42px !important;}
h3{font-size:32px !important;}
h4{font-size:26px !important;}
h5{font-size:22px !important;}
h6{font-size:20px !important;}

/* LLISTES */

ul,
ol{
    margin-bottom:30px;
    padding-left:30px;
}

li{
    margin-bottom:12px;
}

/* ENLLAÇOS */

a{
    color:var(--primary);
    text-decoration:none;
    transition:.25s ease;
}

a:hover{
    color:var(--accent);
}

/* BOTONS */

.elementor-button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
    background:var(--primary) !important;
    color:#fff !important;
    font-family:var(--font-title) !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    padding:18px 34px !important;
    border-radius:18px !important;
    border:none !important;
    min-height:56px;
    transition:.25s ease;
}

.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background:var(--primary-hover) !important;
    color:#fff !important;
    transform:translateY(-2px);
}

/* BOTÓ TARONJA */

.btn-accent,
.btn-secondary{
    background:var(--accent) !important;
    color:#fff !important;
}

.btn-accent:hover,
.btn-secondary:hover{
    background:var(--accent-hover) !important;
}

/* FORMULARIS */

input,
textarea,
select{
    font-family:var(--font-body) !important;
    font-size:20px !important;
    color:var(--text) !important;
    background:#fff;
    width:100%;
    padding:18px !important;
    border:2px solid var(--border) !important;
    border-radius:16px !important;
    min-height:54px;
}

input:focus,
textarea:focus,
select:focus{
    outline:none !important;
    border-color:var(--primary) !important;
    box-shadow:0 0 0 4px rgba(48,96,144,.12);
}

/* ELEMENTOR TEXT */

.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li{
    font-size:20px !important;
    line-height:1.75 !important;
    color:var(--text) !important;
}

/* SECCIONS */

.elementor-section{
    padding-top:70px;
    padding-bottom:70px;
}

.elementor-container{
    max-width:1200px;
}

/* MENÚ */

.elementor-nav-menu a,
.main-navigation a{
    font-family:var(--font-title) !important;
    font-size:20px !important;
    font-weight:600 !important;
    color:var(--primary) !important;
    padding:16px 18px !important;
}

.elementor-nav-menu a:hover,
.main-navigation a:hover{
    color:var(--accent) !important;
}

/* TARGETES */

.card,
.caixa,
.mf-card,
.elementor-widget-container{
    border-radius:var(--radius);
}

.mf-card,
.caixa{
    background:#fff;
    border:1px solid var(--border);
    padding:35px;
    box-shadow:var(--shadow);
}

/* TARGETES CURSOS */

.curs-card,
.product,
.woocommerce ul.products li.product{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px !important;
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:.25s ease;
    padding:0 !important;
}

.curs-card:hover,
.woocommerce ul.products li.product:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-hover);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-family:var(--font-title) !important;
    font-size:24px !important;
    color:var(--primary) !important;
    line-height:1.25 !important;
    padding:18px 18px 5px !important;
}

.woocommerce ul.products li.product .price{
    font-size:22px !important;
    font-weight:800 !important;
    color:var(--accent) !important;
    padding:0 18px 12px;
}

/* IMATGES */

img,
figure img{
    border-radius:18px;
}

.woocommerce ul.products li.product img{
    border-radius:24px 24px 0 0 !important;
}

/* ICONES */

.elementor-icon,
.mf-icon{
    color:var(--accent) !important;
    font-size:42px;
}

/* AVISOS */

.mf-alert,
.woocommerce-message,
.woocommerce-info{
    background:var(--bg-soft) !important;
    border-left:6px solid var(--primary) !important;
    color:var(--text) !important;
    font-size:20px !important;
    padding:22px 26px !important;
    border-radius:16px !important;
}

.mf-alert-success{
    border-left-color:var(--success) !important;
}

.mf-alert-warning{
    border-left-color:var(--accent) !important;
}

.mf-alert-danger,
.woocommerce-error{
    border-left-color:var(--danger) !important;
}

/* TAULES */

table{
    width:100%;
    border-collapse:collapse;
    font-size:19px;
}

th,
td{
    padding:16px;
    border-bottom:1px solid var(--border);
}

th{
    color:var(--primary);
    font-weight:800;
}

/* QUOTES */

blockquote{
    background:var(--bg-soft);
    border-left:6px solid var(--accent);
    padding:25px 30px;
    border-radius:16px;
    margin:30px 0;
}

/* HR */

hr{
    border:0;
    height:1px;
    background:var(--border);
    margin:40px 0;
}

/* PREUS */

.mf-price{
    font-family:var(--font-title);
    color:var(--primary);
    font-size:44px;
    font-weight:800;
    line-height:1;
}

.mf-price-small{
    font-size:20px;
    color:var(--text-light);
}

/* ETIQUETES */

.mf-badge{
    display:inline-block;
    background:var(--accent);
    color:#fff;
    font-family:var(--font-title);
    font-size:16px;
    font-weight:700;
    padding:8px 14px;
    border-radius:999px;
}

/* FAQ */

.mf-faq{
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    padding:24px;
    margin-bottom:18px;
}

.mf-faq-title{
    color:var(--primary);
    font-weight:800;
    font-size:22px;
}

/* LOGIN / COMPTE */

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin-bottom:10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:block;
    background:var(--bg-soft);
    padding:16px 20px;
    border-radius:14px;
    font-size:20px;
    font-weight:700;
}

/* SENSEI */

.sensei-course-theme,
.course,
.lesson{
    font-family:var(--font-body) !important;
}

.course h1,
.course h2,
.lesson h1,
.lesson h2{
    color:var(--primary) !important;
}

.sensei-message,
.sensei-course-theme__frame{
    border-radius:18px;
}

/* ACCESSIBILITAT */

:focus-visible{
    outline:4px solid var(--accent) !important;
    outline-offset:4px;
}

::selection{
    background:var(--primary);
    color:#fff;
}

/* MÒBIL */

@media(max-width:768px){

    body{
        font-size:20px !important;
        line-height:1.75 !important;
    }

    p,
    li,
    td,
    th,
    label,
    span,
    blockquote{
        font-size:20px !important;
        line-height:1.75 !important;
    }

    h1{font-size:40px !important;}
    h2{font-size:34px !important;}
    h3{font-size:28px !important;}
    h4{font-size:24px !important;}

    .elementor-section{
        padding-top:45px;
        padding-bottom:45px;
    }

    .elementor-button,
    button,
    input[type="submit"],
    .woocommerce a.button{
        width:100%;
        font-size:22px !important;
        padding:18px 22px !important;
        text-align:center;
    }

    .mf-card,
    .caixa{
        padding:25px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title{
        font-size:24px !important;
    }

    .mf-price{
        font-size:38px;
    }

}

/* MÒBIL PETIT */

@media(max-width:480px){

    h1{font-size:36px !important;}
    h2{font-size:30px !important;}

    .elementor-section{
        padding-top:35px;
        padding-bottom:35px;
    }

}




/* =====================================
   TARGETA MOBILFÀCIL
===================================== */

.mf-card{

    background:#fff;

    border:1px solid #E8EDF4;

    border-radius:24px;

    overflow:hidden;

    padding:35px;

    text-align:center;

    transition:all .30s ease;

    box-shadow:0 4px 15px rgba(0,0,0,.04);

    height:100%;

}

.mf-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

    border-color:#D6E2F0;

}

/* ICONA */

.mf-card img{

    width:90px;

    height:90px;

    object-fit:contain;

    margin:0 auto 25px;

    display:block;

}

/* TITOL */

.mf-card h3{

    font-family:'Poppins',sans-serif;

    font-size:30px;

    font-weight:700;

    color:#306090;

    line-height:1.2;

    margin-bottom:22px;

}

/* DESCRIPCIÓ */

.mf-card p{

    font-size:20px;

    color:#5F6E7F;

    line-height:1.75;

    margin:0;

}

/* BOTÓ */

.mf-card .elementor-button{

    margin-top:30px;

    width:100%;

}




/*=========================================
    MOBILFÀCIL FEATURE BOX
=========================================*/

.mf-feature{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:22px;

    padding:45px 35px;

    text-align:center;

    transition:all .30s ease;

    height:100%;

    box-shadow:0 4px 18px rgba(0,0,0,.03);

}

.mf-feature:hover{

    transform:translateY(-8px);

    border-color:#D9E4EF;

    box-shadow:0 18px 40px rgba(48,96,144,.08);

}

/* línia superior */

.mf-feature::before{

    content:"";

    display:block;

    width:70px;

    height:5px;

    background:#F4A261;

    border-radius:30px;

    margin:0 auto 28px;

    opacity:0;

    transition:.30s;

}

.mf-feature:hover::before{

    opacity:1;

}

/* icona */

.mf-feature .elementor-icon{

    color:#6EC1F2 !important;

    font-size:52px !important;

    margin-bottom:25px;

}

.mf-feature .elementor-icon svg{

    width:52px;

    height:52px;

}

/* títol */

.mf-feature .elementor-icon-box-title{

    margin-bottom:18px !important;

}

.mf-feature .elementor-icon-box-title a,
.mf-feature .elementor-icon-box-title{

    font-family:'Poppins',sans-serif !important;

    font-size:30px !important;

    font-weight:700 !important;

    color:#306090 !important;

    line-height:1.25 !important;

}

/* text */

.mf-feature .elementor-icon-box-description{

    font-family:'Nunito Sans',sans-serif !important;

    font-size:20px !important;

    line-height:1.75 !important;

    color:#667085 !important;

}

/* espais */

.mf-feature .elementor-icon-box-wrapper{

    gap:22px !important;

}

/* mòbil */

@media(max-width:767px){

    .mf-feature{

        padding:35px 25px;

    }

    .mf-feature .elementor-icon{

        font-size:46px !important;

    }

    .mf-feature .elementor-icon-box-title{

        font-size:26px !important;

    }

    .mf-feature .elementor-icon-box-description{

        font-size:20px !important;

    }

}


/*=========================================
    MOBILFÀCIL FEATURE CARD
=========================================*/

.mf-feature-card{

    background:#ffffff;

    border-radius:28px;

    padding:45px 35px;

    text-align:center;

    border:1px solid #EDF2F7;

    transition:all .35s ease;

    height:100%;

    position:relative;

    overflow:hidden;

}

/* Barra superior */

.mf-feature-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:#F4A261;

    transform:scaleX(0);

    transform-origin:center;

    transition:.35s;

}

/* Hover */

.mf-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 60px rgba(48,96,144,.10);

    border-color:#D9E4EF;

}

.mf-feature-card:hover:before{

    transform:scaleX(1);

}

/******************************************
ICONA
******************************************/

.mf-feature-card .elementor-icon{

    width:92px;

    height:92px;

    margin:auto;

    border-radius:50%;

    background:#EEF6FD;

    display:flex;

    align-items:center;

    justify-content:center;

}

.mf-feature-card .elementor-icon svg{

    width:42px;

    height:42px;

    fill:#306090;

}

.mf-feature-card .elementor-icon i{

    color:#306090;

    font-size:42px;

}

/******************************************
TÍTOL
******************************************/

.mf-feature-card .elementor-icon-box-title{

    margin-top:28px;

    margin-bottom:18px;

}

.mf-feature-card .elementor-icon-box-title,
.mf-feature-card .elementor-icon-box-title a{

    font-family:'Poppins',sans-serif;

    font-size:28px;

    font-weight:700;

    color:#306090;

    line-height:1.25;

}

/******************************************
TEXT
******************************************/

.mf-feature-card .elementor-icon-box-description{

    font-family:'Nunito Sans',sans-serif;

    font-size:20px;

    line-height:1.8;

    color:#667085;

}

/******************************************
ESPAIAT
******************************************/

.mf-feature-card .elementor-icon-box-wrapper{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:0;

}

/******************************************
MÒBIL
******************************************/

@media(max-width:768px){

    .mf-feature-card{

        padding:35px 25px;

    }

    .mf-feature-card .elementor-icon{

        width:82px;

        height:82px;

    }

    .mf-feature-card .elementor-icon-box-title{

        font-size:24px;

    }

    .mf-feature-card .elementor-icon-box-description{

        font-size:20px;

    }

}



.features-grid .feature-card{

    background:#fff;

    border:1px solid #E8EDF4;

    border-radius:24px;

    padding:40px 30px;

    transition:.30s;

    height:100%;

    box-shadow:0 5px 18px rgba(0,0,0,.04);

}

.features-grid .feature-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}