.elementor-3030 .elementor-element.elementor-element-93eec5e:not(.elementor-motion-effects-element-type-background), .elementor-3030 .elementor-element.elementor-element-93eec5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3030 .elementor-element.elementor-element-93eec5e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-160px;margin-bottom:0px;padding:143px 0px 0px 0px;}.elementor-3030 .elementor-element.elementor-element-93eec5e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-3030 .elementor-element.elementor-element-3477292 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3030 .elementor-element.elementor-element-3477292 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:53px;font-weight:800;line-height:64px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3030 .elementor-element.elementor-element-f652406 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3030 .elementor-element.elementor-element-f652406{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-3030 .elementor-element.elementor-element-ae75453 > .elementor-widget-container{margin:-43px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-3030 .elementor-element.elementor-element-93eec5e{margin-top:-290px;margin-bottom:0px;padding:102px 10px 0px 10px;}.elementor-3030 .elementor-element.elementor-element-3477292 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3030 .elementor-element.elementor-element-3477292 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-3030 .elementor-element.elementor-element-f652406 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3030 .elementor-element.elementor-element-f652406{font-size:14px;}.elementor-3030 .elementor-element.elementor-element-ae75453 > .elementor-widget-container{margin:-41px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-7bdb4fb */<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 */