
<?php $__env->startSection('content'); ?>
<?php $__env->startSection('empresa','active'); ?>

<style type="text/css">
    .container-fluid .card{
        border-radius: 16px;
    }

    .card-title.titulo{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 27px;
        color: #333333;
    }

    .header{
        /* background-color: #F5F5F5; */
        background: rgba(147, 149, 152, 0.2);
    }
    .breadcrumb li a{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        text-decoration: none !important;
    }
    .breadcrumb li.active a{
        font-weight: 400 !important;
    }
    .titulo{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 42px;
        line-height: 51px;
        color: #131313;
    }



    .card{
        border: none !important;
        border-radius: 2px !important;
    }


    .foto{
        background-size: cover;
        background-repeat: no-repeat;
        height: 60vh;
        background-position: center;
    }

    .carouselButton{
        background-color: #C4C4C4;
        width: 12px !important;
        height: 12px !important;
        border-radius: 9999px !important;
        border-top: 0px !important;
        border-bottom: 0px !important;
    }

    .carouselButton.active{
        background-color: #174CA0 !important;
    }

    .foto_carousel{
        background-size: cover !important;
        background-position: center !important;
        height: 75vh;
        background-repeat: no-repeat !important;
    }

    .container-fluid.bg-light{
        background: rgba(231, 242, 248, 0.3);
    }

    .empresa__subtitulo{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 39px;
        color: #0F0F0F;
    }

    .empresa__descripcion{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 34px;
        color: #0F0F0F;
    }

    .texto{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #333333;
    }

    @media  screen and (max-width: 768px){

    }
    @media  screen and (min-width: 992px){
        .card{
            height: 100%;
        }
    }
</style>
<div class="header">
    <div class="container" class="mb-5">
        <nav class="breadcrumb-menu pt-2 pb-3" style="--bs-breadcrumb-divider: '|';" aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Inicio</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="<?= route('empresa') ?>">Empresa</a></li>
            </ol>
            <h1 class="titulo">Empresa</h1>
        </nav>
    </div>
</div>

<div class="container py-5">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="empresa">
                <div class="px-0">
                    <h5 class="empresa__subtitulo"><?= $empresa->titulo ?></h5>
                    <!-- <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> -->
                    <p class="empresa__descripcion"><?= $empresa->descripcion ?></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="foto" style="background-image: url('<?php echo e(asset(Storage::url($empresa->foto))); ?>')"></div>
        </div>
    </div>
</div>

<div class="container py-5">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="foto" style="background-image: url('<?php echo e(asset(Storage::url($empresa->fotodos))); ?>')"></div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="empresa">
                <div class="px-0">
                    <p class="d-flex align-self-center empresa__descripcion"><?= $empresa->descripciondos ?></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid bg-light p-4 py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <div class="card">
                    <div class="card-body px-5 py-4">
                        <figure class="figure">
                            <img src="<?php echo e(asset(Storage::url($empresa->icono))); ?>" class="figure-img img-fluid rounded">
                        </figure>
                        <h5 class="card-title pb-2 titulo">Servicio</h5>
                        <p class="card-text texto"><?= $empresa->texto ?></p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="card">
                    <div class="card-body px-5 py-4">
                        <figure class="figure">
                            <img src="<?php echo e(asset(Storage::url($empresa->iconodos))); ?>" class="figure-img img-fluid rounded" alt="...">
                        </figure>
                        <h5 class="card-title pb-2 titulo">Misi&oacute;n</h5>
                        <p class="card-text texto"><?= $empresa->textodos ?></p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="card">
                    <div class="card-body px-5 py-4">
                        <figure class="figure">
                            <img src="<?php echo e(asset(Storage::url($empresa->iconotres))); ?>" class="figure-img img-fluid rounded" alt="...">
                        </figure>
                        <h5 class="card-title pb-2 titulo">Calidad</h5>
                        <p class="card-text texto"><?= $empresa->textotres ?></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.plantilla', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/d11osolecom/public_html/grupohelmont/resources/views/front/empresa.blade.php ENDPATH**/ ?>