/*
Theme Name: LaRepublica Subscripciones Theme
Theme URI: #
Author: MetalxDServices
Author URI: https://wordpress.org/
Description: 
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: Final 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import 'assets/css/general/nav.css';
@import 'assets/css/general/topics.css';
@import 'assets/css/general/footer.css';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
/* Slick Slider */
@import 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css';

/* Global Colors */
:root{
  --emphasis-color: #BF0D0D;
  --extra-emphasis-color: #F7CF3C;
}
/* End */

html {scroll-behavior: smooth; overflow-x: hidden !important;}
/* Global */ *, ::after, ::before {box-sizing: border-box;}body {margin: 0;padding: 0;color: black;overflow-x: hidden;font-family: 'Montserrat', sans-serif;position: relative;}h1,h2,h3,h4,h5,h6{color:var(--emphasis-color); margin:0;}p{font-weight: 500;} a {outline: 0;color: black;text-decoration: none;}small{color: tomato;}img{display: block;}
.accordeon-prices-mobile{display: none;}

@media (max-width: 700px) {
/*   Only Mobile */
  .accordeon-prices-mobile{display: block;}

  .step-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #F8F8F8;
    padding: 1em ;
    gap: 15px;
  }

  span.number-step {
    color: white;
    background-color: var(--emphasis-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: x-large;
    font-weight: 600;
    padding: 10px 5px;
  }

  .step-side h4{
    font-size: 12px;
    font-weight: 600;
  }

  .step-side p {
    color: black;
    margin: 0 0 3px;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
  }
}