@extends('layouts.plantilla')
@section('presupuesto','active')
@section('content')

<style type="text/css">
   .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;
    }
    
    label.form-label{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #333333;
    }
    
    .custom-file-button input[type=file]::-webkit-file-upload-button {
        display: none;
    }
    .custom-file-button input[type=file]::file-selector-button {
        display: none;
    }
    .custom-file-button:hover label {
        cursor: pointer;
    }
    
    .custom-file-button label{
        background: #F38130;
        border-radius: 0px;
        
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        /*font-size: 18px;*/
        /*line-height: 30px;*/
        color: #FFFFFF;
        
        /*border-top:1px solid #838383;*/
        /*border-left:1px solid #838383;*/
        /*border-bottom:1px solid #838383;*/
    }
    
    input, textarea{
        background: #FFFFFF !important;
        border: 1px solid rgba(79, 79, 79, 0.3) !important;
        border-radius: 0px !important;
    }
    
    textarea{
        resize: none;
    }
    button.enviar{
        background: #F38130;
        border: 1px solid #F38130 !important;
        border-radius: 0px !important;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #FFFFFF;
    }

    button.enviar:hover{
        background-color: #FFF  !important;
        color: #F38130 !important;
    }
    
    @media screen and (min-width: 992px){
        .menu > .container-fluid{
            align-items: flex-end !important;
        }
    }
</style>

<div class="header">
    <div class="container" class="mb-5">
        <nav class="breadcrumb-menu pb-3" style="--bs-breadcrumb-divider: '|';" aria-label="breadcrumb" style="color: #2B2E39;">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="