/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
*/


:root {
    /* Color */
    --primary: #007FC7;
    --accent: #FF0107;

    --yellow: #FFC800;
    --green: #75BB00;
    --red: var(--accent);
    --pink: #FF94AF;
    --softBlue: var(--primary);


  }

  /* /////////////////////////////////////////////////////////
    # Globals
///////////////////////////////////////////////////////////*/

/* ... */
  



/* /////////////////////////////////////////////////////////
    # Globals
///////////////////////////////////////////////////////////*/

.full-container{width:100%; max-width:100%}

.inner-container {max-width: 1200px;margin: auto; }

.btn {border-radius: 30px;padding: 1rem;text-transform: uppercase;font-weight: 600;transition: all 0.3s ease;}
.btn-primary {background: var(--primary);color: white;border: 1px solid var(--primary);}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {background: black;color: white;border: 1px solid black;}

.btn-accent {background: var(--accent);color: white;border: 1px solid var(--accent);}
.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active {background: black;color: white;border: 1px solid black;}


/* /////////////////////////////////////////////////////////
    # Global Sections
///////////////////////////////////////////////////////////*/

/* //////  Header (navbar)   ////// */
.header-section {
    padding: 0 !important;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: transparent;
    color: white;
    transition: all 0.3s ease;
}

.header-section .pre-navbar {background: var(--primary);padding: 0.25rem 0;}
.header-section .pre-navbar .inner-container {display: flex;justify-content: flex-end;column-gap: 3rem;align-items: center;}
.header-section .pre-navbar .inner-container .social-icons {display: flex;align-items: center;column-gap: 0.5rem;}
.header-section .pre-navbar .inner-container .social-icons a svg path {transition: fill 0.3s ease;}
.header-section .pre-navbar .inner-container .social-icons a {height: fit-content;display: flex;}
.header-section .pre-navbar .inner-container .social-icons a:hover svg path,
.header-section .pre-navbar .inner-container .social-icons a:focus svg path,
.header-section .pre-navbar .inner-container .social-icons a:active svg path {fill: var(--yellow) !important;}

.header-section .navbar {display: flex;justify-content: space-between;align-items: center;background: transparent;border-bottom: 2px solid #ffffffc9;}
.header-section .navbar * {color: white;}

.header-section .navbar .et_pb_column {margin: 0;width: auto;} /* reset columnas Divi */
.header-section .navbar .et_pb_column:nth-child(1) {width: fit-content;}
.header-section .navbar .logo-sticky {display: none;}

.header-section .navbar .et_pb_column:nth-child(2) {flex: 1;display: flex;justify-content: center;}
.header-section .navbar .et_pb_column:nth-child(2) .et_pb_menu_0_tb_header.et_pb_menu {background: transparent;}
.header-section .navbar .et_pb_column:nth-child(2) a {color: white!important;text-transform: uppercase;}
.header-section .navbar .et_pb_column:nth-child(2) a:hover, 
.header-section .navbar .et_pb_column:nth-child(2) a:focus,
.header-section .navbar .et_pb_column:nth-child(2) a:active,
.header-section .navbar .et_pb_column:nth-child(2) a.active {color: var(--yellow)!important;text-decoration: underline;}

.header-section .navbar .et_pb_column:nth-child(3) {width: fit-content;}


.header-section.sticky {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: white; transition: all 0.3s ease;}
.header-section.sticky .pre-navbar {color: white;}

.header-section.sticky .navbar .logo-default {display: none;}
.header-section.sticky .navbar .logo-sticky {display: block;}

.header-section.sticky .navbar .et_pb_column:nth-child(2) a {color: black!important;}
.header-section.sticky .navbar .et_pb_column:nth-child(2) a:hover, 
.header-section.sticky .navbar .et_pb_column:nth-child(2) a:focus,
.header-section.sticky .navbar .et_pb_column:nth-child(2) a:active,
.header-section.sticky .navbar .et_pb_column:nth-child(2) a.active {color: var(--accent)!important;text-decoration: underline;}


/* /////////////////////////////////////////////////////////
    # Page / View: Home
///////////////////////////////////////////////////////////*/

.main-banner {background: url('/wp-content/uploads/2026/03/banner-background.png') no-repeat center center/cover; height: 100vh; display: flex; align-items: center;}