.elementor-1635 .elementor-element.elementor-element-414cc8a:not(.elementor-motion-effects-element-type-background), .elementor-1635 .elementor-element.elementor-element-414cc8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1635 .elementor-element.elementor-element-414cc8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-160px;margin-bottom:0px;padding:205px 0px 0px 0px;}.elementor-1635 .elementor-element.elementor-element-414cc8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1635 .elementor-element.elementor-element-61bcbc4 > .elementor-element-populated{margin:0px 0px 42px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1635 .elementor-element.elementor-element-90d5a92 img{border-radius:18px 18px 18px 18px;}.elementor-1635 .elementor-element.elementor-element-a0bb74d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 33px;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1635 .elementor-element.elementor-element-5ae4796 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:53px;font-weight:800;color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1635 .elementor-element.elementor-element-f063962 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1635 .elementor-element.elementor-element-f063962{text-align:start;}.elementor-1635 .elementor-element.elementor-element-f063962 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:800;color:#E03127;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-1635 .elementor-element.elementor-element-61bcbc4{width:36.249%;}.elementor-1635 .elementor-element.elementor-element-a0bb74d{width:63.708%;}}@media(max-width:767px){.elementor-1635 .elementor-element.elementor-element-414cc8a{margin-top:-290px;margin-bottom:0px;padding:309px 10px 0px 10px;}.elementor-1635 .elementor-element.elementor-element-61bcbc4 > .elementor-element-populated{margin:18px 0px 18px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1635 .elementor-element.elementor-element-a0bb74d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1635 .elementor-element.elementor-element-5ae4796 .elementor-heading-title{font-size:33px;}.elementor-1635 .elementor-element.elementor-element-f063962 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1635 .elementor-element.elementor-element-f063962 .elementor-heading-title{font-size:19px;line-height:1.3em;}}/* Start custom CSS for theme-post-content, class: .elementor-element-a3c0a9c *//* 1. Importamos la fuente Roboto Condensed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* 2. Aplicamos la tipografía y el color negro a todos los H2 y H3 globales */
h2, h3 {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #000000 !important;
    font-variant-numeric: lnum;
}

/* 3. Forzamos el color negro SOLO para el texto del contenido del artículo */
.entry-content p, 
.entry-content li, 
.entry-content span,
.post-content p, 
.post-content li, 
.post-content span {
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bf8890 */<style>
/* Reset para evitar que el tema de la web lo cambie */
.pujols-mobile-bar {
    display: none !important; /* Oculto por defecto */
}

@media (max-width: 768px) {
    .pujols-mobile-bar {
        display: flex !important; /* Forzar mostrar en móvil */
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 70px !important;
        background-color: #E60000 !important; /* Rojo ProAuto */
        z-index: 999999 !important; /* Por encima de TODO */
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: 0 -3px 10px rgba(0,0,0,0.3) !important;
    }

    .p-btn {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        color: #ffffff !important; /* Blanco forzado */
        font-family: Arial, sans-serif !important;
    }

    .p-btn svg {
        width: 24px !important;
        height: 24px !important;
        fill: #ffffff !important; /* Iconos blancos forzados */
        margin-bottom: 4px !important;
    }

    .p-btn span {
        font-size: 11px !important;
        font-weight: bold !important;
        letter-spacing: 1px !important;
        color: #ffffff !important;
    }

    /* Ajuste: Ahora p-call Y p-offices tienen la línea vertical */
    .p-call, .p-offices {
        border-right: 1px solid rgba(255,255,255,0.4) !important;
    }

    /* Espacio extra al final de la web para no tapar el footer */
    body {
        padding-bottom: 70px !important;
    }
}
</style>

<div class="pujols-mobile-bar">
    <a href="tel:+34971321274" class="p-btn p-call">
        <svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
        <span>LLAMAR</span>
    </a>

    <a href="https://www.proautorentacar.com/oficinas-alquiler-coche-formentera/" class="p-btn p-offices">
        <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
        <span>OFICINAS</span>
    </a>

    <a href="#buscador-principal" class="p-btn p-book">
        <svg viewBox="0 0 24 24"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></svg>
        <span>RESERVAR</span>
    </a>
</div>/* End custom CSS */